Alt Text for Complex Images/ Data Visuals
When you add a complex image or data visualization, ensure you include a two-part alternative text description: short and long.
Category: Web
Hashtags
Issue: A screen reader will try to “sound out” hashtags or handles that run together. The result can sound like gibberish. All-lowercase hashtags can also be misunderstood by on-disabled users.
Who’s affected: Screen reader users, people with cognitive disabilities
WCAG standard: Guideline 3.1.2 – Readable: Language of Parts
What to do: Use camel case on Continue Reading »
Google sites
Issue: Google Sites are free to use, but keyboard navigation is difficult to impossible when site structure is more than a couple of layers deep.
Who’s affected: People who navigate by keyboard (hand mobility disabilities), people who use screen readers
WCAG standard: Guideline 2.1: Keyboard accessible
What to do: Avoid using Google Sites when possible. Continue Reading »
How To: WebAIM Color contrast checker
The WebAIM color contrast checker includes an eyedropper tool that lets you sample colors from a graphic or image before you upload it to the web. Use it to make your graphics accessible before you finalize and share them.
Color contrast ratio comes from comparing the relative luminence of the foreground and background colors. The Continue Reading »
Keyboard Navigation Demo
Checking that a page can be navigated without a mouse is one of the easiest accessibility tests you can do. It ensures that people who need to – or prefer to – navigate the web with their keyboard can get to the functionalities they need.
Screen Reader Demo
Tables
Issue: If you don’t use meaningful language in your header and set your top row (and your left column if applicable) as a header, a screen reader will read your table from left to right, line by line and the listener will lose all context for relationships between headers and data.
Who’s affected: Screen reader Continue Reading »
Audio description
When a video has stretches where information is shown but not narrated, people who can’t see have no way to access the information.
Social alt text
When your post contains an image or a graphic with text in it, make sure it has alt text.
Graphics with text
When we create a graphic element with letters or numbers embedded in it, that information often can’t be read by screen readers.