Download to read offline
Uploaded byDalal Alrayes
6 things every developer should know about accessibility
This document discusses accessibility in web development. It notes that accessibility means usability for all people, including those who cannot see or use a mouse. The document recommends that developers follow Web Content Accessibility Guidelines (WCAG) 2.0 and lists four key aspects of accessibility - sites should be perceivable, operable, understandable, and robust. It provides tips for improving accessibility, such as adding alternative text descriptions to images, using descriptive links and buttons, ensuring proper color contrast, and validating sites using tools like WAVE. The overall message is that accessibility should be a priority for all developers in order to build sites that can be used by everyone.
6 things every developer should know about accessibility
- 1.
- 2.
- 3.
- 4.
- 5.
- 6. ACCESSIBILITY = USABILITY forpeople that can’t see
- 7. ACCESSIBILITY = USABILITY forpeople that can’t see for people that can’t use a mouse
- 8.
- 9. WCAG 2.0 Web ContentAccessibility Guidelines https://www.w3.org/TR/WCAG20/
- 10.
- 11.
- 12.
- 13.
- 14.
- 15. Audit your site Canyou navigate your site using just the keyboard? Do you have a ‘skip navigation’ link? Skip to main content
- 16. Audit your site WAVEby WebAIM http://wave.webaim.org/ Chrome Dev Tools chrome.google.com/webstore
- 17.
- 18. Add/improve ALT TEXT Present thecontent & function Be succinct Don’t be redundant Don’t use “image of” or “graphic of”
- 19. LINKS & BUTTONS Clearlycontrasted from body text Highlighted when tabbing Use descriptive TITLE & text
- 20. LINKS & BUTTONS Clickhere ✗ Read our 2017 Prospectus ✓
- 21. LINKS & BUTTONS Clickhere ✗ Read our 2017 Prospectus ✓ Delete ✗ ✓
- 22. FORMS Clear, visible labels forevery field or control Border to input fields Helper text Error messages in simple language, not error codes
- 23. CONTRAST Contrast ratio ofat least 4.5 to 1 For fonts >18px bold, the minimum drops to 3 to 1
- 24. CONTRAST Contrast ratio ofat least 4.5 to 1 For fonts >18px bold, the minimum drops to 3 to 1 4.5 4.4 6.8 4.3 DD479A FFFFFF 027DC6 FFFFFF FFFAF5 7F7F7F FFFAF5 027DC6 CONTRAST RATIOS
- 25. LEARN MORE Free Udacitycourse by Google https://www.udacity.com/course/web-accessibility-- ud891 The A11y Project http://a11yproject.com/ Accessibility & me http://a11y.me/ Twitter hashtags #a11y #accessibility
- 26. Accessibility is buildingfor everyone1
- 27. Accessibility is buildingfor everyone Sites should be perceivable, operable, understandable & robust 1 2
- 28. Accessibility is buildingfor everyone Sites should be perceivable, operable, understandable & robust Start with an audit 1 2 3
- 29. Accessibility is buildingfor everyone Sites should be perceivable, operable, understandable & robust Check your alt text, links, forms Start with an audit 1 2 3 4
- 30. Accessibility is buildingfor everyone Sites should be perceivable, operable, understandable & robust Check your alt text, links, forms Check your color scheme Start with an audit 1 2 3 4 5
- 31. Accessibility is buildingfor everyone Sites should be perceivable, operable, understandable & robust Check your alt text, links, forms Check your color scheme Start with an audit Learn more and encourage your team to work on improving your site experience 1 2 3 4 5 6
- 32.