WCAG 2.0
Web Content Accessibility Guidelines (WCAG) 2.0 provide development techniques and tests for supporting low vision users. (http://www.w3.org/TR/WCAG20/)
TIPS
- Do not use color as the only means to convey information.
- Ensure sufficient contrast between foreground and background colors.
- Avoid using images of text.
- Ensure application supports zooming up to 200%.
- Support high contrast themes:
- Avoid background images – Or –
- Generate a utility class to test for high contrast and provide different styling when background images are disabled.
- Provide highly visible focus indicators
Testing
- Color Contrast Analyser (https://www.paciellogroup.com/resources/contrastanalyser/) ensures proper contrast between foreground and background colors.
- User the Browser’s Zoom features. Ctrl ++ to zoom in on IE, Firefox and Chrome.
- Set High Contrast Theme in Windows. Windows Key + U, Ease of Access Center, Make Computer Easier to See.
Resources
- IBM Accessibility (www.ibm.com/able)
- Web Content Accessibility Guidelines (http://www.w3.org/TR/WCAG20/)
- Guideline: 1.4 Distinguishable
- Success Criterion: 2.4.7 Focus visible
- Detecting if images are disabled in browsers (https://www.paciellogroup.com/blog/2011/10/detecting-if-images-are-disabled-in-browsers/)
- Examples: