What is accessibility?
Accessibility is a question: Can I use this?
The case for accessibility.
For those with visual or hearing impairments, motor issues, or cognitive issues, addressing this question is essential.
Designing with constraints in mind, however, offers a hidden benefit. For example, closed captioning on videos was created for the hard of hearing, but also affords the hearing the ability to understand the content in noisy conditions, and affords children learning opportunities for reading.
By designing for accessibility, we improve the experience for everyone, and unlock methods of use that we may never have considered otherwise.
Accessibility on the web.
Those with blindness, low vision, or just away from their phone.
Those who are deaf, hard of hearing, or in a noisy place.
Those with carpal tunnel syndrome, children, or someone with their hands full.
Those with autism, ADHD, or someone who's distracted.
To remove the reliance on sight, a page's meaning and message must be understood without its visual elements, such as pictures, colors, or shapes.
This is done using special tags and landmarks, that designate special meaning to certain texts. An example of this is a heading, which demarkates sections on content on the page. Tagging the headers as different from the rest of the text allows computers, such as screenreaders and search engines, to skip to sections or create a preview table of contents automatically.
Alt text on images
For images, special captions need to be provided. This allows a computer to describe an image, which benefits visually impaired users as well as search engines and those with poor network connection.
High contrast colours
Colors are useful to organize informations, but they must be high contrast, so they are easy to distinguish from the page background. They must also not be the only means of getting this information.
Subtitles and proper captioning on videos is essential to ensure they are accessible. Additionally, transcripts should be provided where possible. They have the added benefit of allowing people to scan the content more quickly, and allowing search engines to index the video.
Large touch targets
Some users have difficulty clicking or tapping on small targets. On mobile devices they may find it hard to keep a steady hand and may tap accidentally. The best thing to do is to provide large touch targets, with extra safe space around them that will not react to taps.
Concentration, memory, and sensory sensitivity
Cognitive accessibility is harder to accommodate for, and is much harder to see. A user with cognitive impairments may have difficulty concentrating, focusing, or remembering previous information. They may also be distracted by motion, animations, flashing colours, or sounds.
Break up chunks of text, use simple language, and provide context
Accommodating for cognitive impairments involves breaking up large chunks of text, using simple language and providing context where needed. It is also important not to have flashing colours, to not autoplay videos, and to allow the user to disable motion and animations.Test Readability
Accessibility on the web means supporting your users, whatever their needs may be. It means accurate captioning on videos for those who wish to experience your site without hearing. It means strong colour contrast and scalable font sizes for those who wish to experience your site without squinting. It means text description of images for those who wish to experience your site without them. It means simpler language and smaller chunks of text for those who wish to use less concentration. It means providing context for those who won’t remember.