6 things every developer should know about accessibility
0 likes216 views
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
- 6. ACCESSIBILITY = USABILITY for people that can’t see
- 7. ACCESSIBILITY = USABILITY for people that can’t see for people that can’t use a mouse
- 9. WCAG 2.0 Web Content Accessibility Guidelines https://www.w3.org/TR/WCAG20/
- 15. Audit your site Can you navigate your site using just the keyboard? Do you have a ‘skip navigation’ link? Skip to main content
- 16. Audit your site WAVE by WebAIM http://wave.webaim.org/ Chrome Dev Tools chrome.google.com/webstore
- 17. QUICK FIXES
- 18. Add/improve ALT TEXT Present the content & function Be succinct Don’t be redundant Don’t use “image of” or “graphic of”
- 19. LINKS & BUTTONS Clearly contrasted from body text Highlighted when tabbing Use descriptive TITLE & text
- 20. LINKS & BUTTONS Click here ✗ Read our 2017 Prospectus ✓
- 21. LINKS & BUTTONS Click here ✗ Read our 2017 Prospectus ✓ Delete ✗ ✓
- 22. FORMS Clear, visible labels for every field or control Border to input fields Helper text Error messages in simple language, not error codes
- 23. CONTRAST Contrast ratio of at least 4.5 to 1 For fonts >18px bold, the minimum drops to 3 to 1
- 24. CONTRAST Contrast ratio of at 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 Udacity course 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 building for everyone1
- 27. Accessibility is building for everyone Sites should be perceivable, operable, understandable & robust 1 2
- 28. Accessibility is building for everyone Sites should be perceivable, operable, understandable & robust Start with an audit 1 2 3
- 29. Accessibility is building for 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 building for 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 building for 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