Last updated on 12/08/2020
Enrique Alejandro Decoss is an IT Expert with more than 15 years of experience in Automation Tools, Web Programming with a strong background on Web Tools, API testing, Performance Testing, Linux OS and Testing Techniques.
He is sharing with the uxanda11ytesting community an infographic about what we need to keep in mind to design and develop accessible applications. Thanks Enrique for your collaboration!
Good page titles are particularly important for orientation, to help people know where they are and move between pages open in their browser.
Image text alternatives
Text alternatives are used by people who do not see the image. (For example, people who are blind and use screen readers can hear the alt text read out; and people who have turned off images to speed download or save bandwidth can see the alt text.)
Headings need to be marked up. That way people can navigate to the headings including people who cannot use a mouse and use only the keyboard, and people who use a screen reader.
High contrast (for example, dark text on light background or bright text on dark background) is required by some people with visual impairments, including many older people who lose contrast sensitivity from aging.
When pages are not designed properly, they can be unusable when the text size is changed, especially when it is changed through text-only zoom or text settings. Sometimes columns and sections overlap, the space between lines disappears, lines of text become too long, or text disappears.
Keyboard access and visual focus
Many people cannot use a mouse and rely on the keyboard to interact with the Web. People who are blind and some sighted people with mobility impairments rely on the keyboard or on assistive technologies and strategies that rely on keyboard commands, such as voice input. Accessible websites enable people to access all content and functionality links, forms, media controls, etc through a keyboard.
Moving, Flashing, or Blinking Content
Moving, flashing, or blinking content includes carousels, ads, videos, auto-updating stock tickers, scrolling news feeds, and more. Users need to be able to control moving content, especially some people with attention deficit disorder or visual processing disorders.
Audio is not available to people who are deaf or some people who are hard of hearing, unless it is provided in an alternative format such as captions and text transcripts. Videos are not available to people who are blind or some people who have low vision, unless it is provided in an alternative format such as audio or text. (Text can be read by a screen reader or Braille display, or enlarged and reformatted for people with low vision.)
Basic structure check
People who are blind listen to the page with a screen reader or read it from a Braille display. Some people with low vision and others change the way the page is displayed so they can read it; for example, change from multiple columns to one column, change the text size, and more.