Alternative Versions – How to improve accessibility for users with Visual Impairments?

Contents

  1. Checklist – High contrast Alternative
  2. Checklist – Text Alternative

High Contrast Version

High Contrast Version of Checklist illustrating how to improve accessibility for vision impairments.

Text Version

1. Images, Videos, Multimedia
– Provide Alt texts, captions, audio descriptions, transcripts for non-text elements
2. Legible font sizes
– Use clear and legible font sizes at least 12pt.
– Avoid use of lightweight font
3. Text Resizing
– Ensure text is resized without loss of functionality up to 200%
4. Reflow
– Allow content scaling up to 400% without two-directional scroll
– Design for different viewport sizes
5. Avoid use of color alone to present information
– Support the use of color with visual text and icons
6. Sufficient Contrast
– Provide sufficient contrast between text, icons, UI elements, status indicators and their background
7. Headings and Page titles
– Organize headings and section headings using <h1> to <h6>
– Ensure page titles within the <title> element is unique and meaningful
8. Landmarks
– Define webpage landmarks with <html 5> or Aria Landmark roles
9. Keyboard Support
– Ensure all functionality that is available via mouse and touch is also available via keyboard
– Ensure reading order is meaningful
10. Bypass blocks
– Provide ‘Skip to’ links to bypass repetitive, large blocks of content
11. Focus Indicators
– Focus indicators should be clear, bold and visible
12. Form Elements
– Ensure form elements have descriptive labels, instructions/help-text
13. Form Validation Errors
– Ensure Error fields are easily identified
– Provide appropriate error suggestions
14. Moving, Flickering, Auto-playing Content
– Provide options to Stop, Pause or Hide content
Text version of the above Illustration, a quick checklist of – ‘how to improve accessibility for users with visual impairments’?