2. What is web accessibility?It is improving visitor’s overall experience by making your research website available / usable to everyone, or everyone your research is targeted at.
3. Everyone includes the disabled, hearing impaired or those with another form of disability.Accessibility also means other operating systems, browsers, connection types, screen sizes, or mobile devices have access to your website’s content.
15. Limiting the use of animations, particularly moving and flashing text or images is recommended.
16. Why? Those with epilepsy and other photosensitive disorders can safely browse the site; Less animations often lead to more trust (visitors stay longer and return to the site)
18. Colour is often used effectively to emphasise certain graphics. This emphasis can be difficult to see for visually impaired visitors and on certain screens.It is worthwhile to provide text alternatives when graphically presenting content.
19. Example of how Cass Business School’s Centre for Charitable Giving and Philanthropy provides a text alternative to graphics http://www.cass.city.ac.uk/philanthropy/index.html
20. Why? Visually impaired visitors are provided an alternative; Website is better indexed on search engines, which still prefer text over images & animation
33. Readable content includes clear, simple language appropriate within the context it is used.Hyperlinks should be visible with good contrast of colour.
34. Paragraphs should be short and without long stretches of italics or boldness.The width of paragraphs should be limited and spacing between words and characters kept as clean as possible.
35. Why? A better way of presenting large amount of information; Disabled visitors can consumer content better; Easier to manage website content
37. Good navigation is clearly distinguishable from the rest of the content.Navigation should not be overwhelming (not too many links per page).
38. Pages with lots of information should allow users to navigate to specific sub-sections easily.Graphical navigation should have a text alternative.Navigation should be easy to find (top, bottom or sides).
39. Why? Lets visitors find the research information you have provided for them; Visitors are more likely to stay if they can find the information they want
41. Internet Explorer and Mozilla Firefox are not the only web browsers.There’s also Opera, Flock, Dillo, Epiphany, Galeon, SeaMonkey, Chrome, Safari and more.
42. Why? Ensuring a website is visible to as many browsers as possible naturally results in a more accessible site
47. Quick website load time is crucial. Visitors require fast access to content.Optimising websites to load faster also ensures mobile devices have better access.
48. Faster load time is achieved through splitting large quantities of content into several pages.Images should be compressed and videos encoded, kept short and split if necessary.
49. Why? More visitors will stay and return; Mobile platforms have better access; Overall user experience is improved
51. Accessibility is often concerned with people. However, machines need to have access to a website as well (so that browsers can display the site and search engine bots can crawl and index a web page).
52. Do not unintentionally block your website from search engines (through e.g. the use of a robots.txt file).Do not unintentionally password protect folders which you would like the public to access.
53. Also, for search engines to ‘like’ your website, the content needs to be clear and fresh. The code should be clean. There should be a sitemap.Graphics should have a text alternative. (This is a good start).
54. Why? Search engine visibility results in more reach and more targeted visitors to your research website
55. Useful tools See how your website looks to a colour blinded person: http://www.vischeck.com/vischeck/ See what your website looks in the Lynx text-only browser: http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php See how quickly your website loads: http://www.numion.com/StopWatch/
56. Useful tools See how your website looks in different web browsers: http://browsershots.org/ A website accessibility test: http://checkwebsite.erigami.com/accessibility.html Convert any website into text-only: http://www.textise.net/
57. Further reading ESRC has a brief introduction to web accessibility for researchers: http://www.esrcsocietytoday.ac.uk/ESRCInfoCentre/CTK/interactive-media/ingredients/accessibility-intro.aspx W3C has accessibility success criteria with a quick reference sheet here: http://www.w3.org/WAI/WCAG20/quickref/ RNIB has web accessibility articles, actual case studies, and other information showing how web accessibility has been implemented on various websites: http://www.rnib.org.uk/professionals/webaccessibility/Pages/web_accessibility.aspx
58. THANK YOU FOR READING Author: Henrik Kahra Showtime Studios LLP Design Agency Please leave any comments and suggestions.
59. More web design and communication tips for academics and researchers, please visit: http://researchers.showtimestudios.co.uk
60. Image & content credits:http://www.w3.orghttp://www.rnib.org.ukhttp://www.esrcsocietytoday.ac.ukhttp://www.tckid.comhttp://www.uea.ac.ukhttp://www.cass.city.ac.uk Content of these slides are licensed under a Creative Commons Attribution 3.0 License