Accessibility
Web is an amazing tool for reaching to different audiences globally weather it is for sharing knowledge, informing people, generating new ideas or doing business. We all use web everyday from the moment we wake up till we sleep for different purposes. Given the importance of web in our lives and the impact it has, it is our responsibility to make sure that everyone can easily access the information we are sharing.
Accessibility is not only for people that have special needs but it can enhance the experience of everyone using a site that has taken some steps to make the content accessible.
Important
The government of Ontario have the Accessibility for Ontarians with Disabilities Act, 2005 which under its accessible websites and web content section lists the requirement for websites to be complaint with Web Content Accessibility Guideline 2.0
Impairments
In order to understand the methods we need to use for making our website accessible we need to first understand the challenges that a user with an impairment might experience while using our website.
Visual
Visual impairments can be partial or full blindness, colour blindness, cataracts or age.
Things we can do
- Allow to resize the text
- Add visual hints in change of state than just colour change
- Add high contrast between elements, specially background and foreground
- Test website on screen readers
- Add alt attributes for images
- Do not auto play sounds
Mobility and dexterity
In case of web users these impairments relate to using mouse of keyboards due to limited movement, missing a hand, shakes, difficulty holding a mouse or difficulty with fine control.
Things we can do
- Make website keyboard accessible
- Increase the hit area for links and buttons
- Add an alternative to hover for effects and animations
Auditory
Impairments that hinders a persons ability to hear deafness or partial deafness.
Things we can do
- Provide captions and transcripts
- Don't auto play sounds
- Don't rely only on sounds as indicators
Cognitive
Generally considered something that affects a person’s brain, e.g. dyslexia, memory issues, problem solving issues, attention deficits, hyperactivity, reading disabilities, etc.
Things we can do
- Provide user orientation
- Be consistent with content organization and headings
- Use images and graphics
- Styles links to be identified easily on the page
- Improve text readability
Tools
You can use softwares, browser extensions and websites to check for accessibility issues and test your webpages.
Software & Extensions
WebSites
Articles
- Learn the Web - Accessibility
- Why Bother with Accessibility
- WebAim: Web Accessibility for Designers
- Design and Development: The Yin and Yang of Web Accessibility
- The Sound of the Accessible Title Text Separator
- Designing For The Elderly: Ways Older People Use Digital Technology Differently
- Accessibility and Low-Powered Devices
- The HTML5 Document Outline is a Dangerous Fiction
- Designing For Disabilities: Section 508 and International Accessibility Compliance For Beginners
- Top Mistakes in Web Accessibility
- User Testing for Web Accessibility
- WCAG: Quick Reference
- Extending Semantics & Accessibility