Scribd
Upload
51 views

Accessibility Testing Tutorial Handouts

This document provides links and resources for practical hands-on accessibility testing as well as a quick accessibility checklist. The links include the WCAG guidelines, an example of the world's worst accessible page, automated testing tools like Tenon and WAVE, desktop testing tools like Opquast and Tota11y, color contrast checkers, and resources for evaluating accessibility with screen readers like NVDA, VoiceOver, and JAWS. The quick checklist covers testing the accessibility of keyboard navigation, images, forms, document structure, language, tables, color contrast, high contrast mode, text resizing, video, and audio on a webpage.

Uploaded by

Armansyah Hakim
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
51 views

Accessibility Testing Tutorial Handouts

This document provides links and resources for practical hands-on accessibility testing as well as a quick accessibility checklist. The links include the WCAG guidelines, an example of the world's worst accessible page, automated testing tools like Tenon and WAVE, desktop testing tools like Opquast and Tota11y, color contrast checkers, and resources for evaluating accessibility with screen readers like NVDA, VoiceOver, and JAWS. The quick checklist covers testing the accessibility of keyboard navigation, images, forms, document structure, language, tables, color contrast, high contrast mode, text resizing, video, and audio on a webpage.

Uploaded by

Armansyah Hakim
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

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?

You might also like