Practical hands-on accessibility testing

13 downloads 195 Views 504KB Size Report
Evaluating website accessibility with VoiceOver: https://webaim.org/articles/voiceover/. • Evaluating website with JAW
Practical hands-on accessibility testing Links provided in the tutorial • • • • • • • • • • • •

WCAG: https://www.w3.org/TR/WCAG20/ BBC World's worst accessible page: http://bit.ly/2rEBZlx Tenon automated testing tool: https://tenon.io WAVE Browser extension: https://wave.webaim.org/extension/ Opquast desktop: https://desktop.opquast.com/en/ Tota11y: http://khan.github.io/tota11y/ Colour contrast checker: https://webaim.org/resources/contrastchecker/ Evaluating website accessibility with NVDA: https://webaim.org/articles/nvda/ Evaluating website accessibility with VoiceOver: https://webaim.org/articles/voiceover/ Evaluating website with JAWS: https://webaim.org/articles/jaws/ Keyboard challenge: https://nomouse.org Alt decision tree: https://www.w3.org/WAI/tutorials/images/decision-tree/

Quick accessibility checklist Keyboard Skip to content link? Visible focus? All elements can be reached? All interactive elements can be activated? No keyboard traps? Images Alt attribute? Forms Labels present? Labels associated? Error messages? Time out warning? Document structure Heading present? Heading hierarchy? Skipped headings? Language Document language declared? Changes in language declared? Tables Headers declared? Cells associated with headers? Color contrast Large text minimum 3:1 Regular text minimum 4.5:1 Windows high contrast Can you see all elements? Text resize to 200% No horizontal scroll? No text overlap? Video Captions? Controls keyboard friendly? Audio Transcript? Controls keyboard friendly?