Web Accessibility for Designers
Article Contents
The focus of web accessibility is often on web development – the things that happen in HTML, CSS, or JavaScript. Optimal accessibility should start much earlier, as part of the visual design process. This infographic highlights many important principles of accessible design.
Infographic
Text Version
Plan Heading Structure Early
Ensure all content and design fits into a logical heading structure.
Ensure Logical Reading Order
The reading order for screen reader users should align with the visual order.
Provide Good Contrast
Be especially careful with shades of orange, yellow, and light gray. [...]
Accessibility
5 stars; 97.3% of tests passed. [Note: this rating is a work in progress.]
| Level A | Level AA | Level AAA | Unique |
|---|---|---|---|
| 17 | 16 | 18 | 20 |
Error data courtesy of Tenon.io