Download - Accessibility testing-Gyani and Siddhanth
Web Accessibility TestingBy Siddhant Chothe
I thought I’m here for
Then closer look at spelling indicated
Contents
• Assistive Technologies• Demonstration of screen reader on the web• Guidelines and Laws• Accessibility Testing (automated and manual)
Assistive Technologies
Assistive Technology
Screen Reader Magnifier
Braille Viewer
Which means USERS of
Screen reader is a software that reads the screen and provides audio output enabling blind individuals access information available via electronic devices.
SCREEN READERS
User using screen reader
SCREEN READER EXAMPLES
Computer Screen Readers:Windows OS Linux OS Mac OS
•JAWS For Windows•NVDA•Windows-Eyes
ORCA Voice Over
SCREEN READER EXAMPLES
Mobile Screen Readers:Symbian Android I Phone•Nuance Talks•Code Factory Mobile Speak
•Code factory Mobile Accessibility•Talk Back
Voice Over
MAGNIFIERS
Magnifies the keyboard-highlighted and Mouse-focused objects enabling low-vision users operate computers.
BRAILLE DISPLAYS
Provides braille output on a rubber screen.
Demonstration of screen reader with web pages
Couple of volunteers please?
Image example
• Turn your screen off.• Press Control+Home to go to top of page• Listen using down arrow keys• Tell us what you hear.
Table example
• Use tab to read form fields in the table.• Only header row identifies form fields in case
of inaccessible example• Both header row and header column identifies
form fields.
Accessibility Guidelines and Laws
The Idea being to create a POUR Website
WAI provides 12 Guidelines under WCAG 2.0 organized under 4 P-O-U-R principles
PERCEIVABLEContent presented in ways perceivable by all 5 senses of human beings
OPERABLEA website must be device independent to be operable
UNDERSTANDABLEContent presented and website behavior must be predictableAnd understandable.
ROBUSTMaximize compatibility with current and future user tools.
WCAG 2.0 talks about
• Text alternatives for non-text content• Proper use of headings• Accessible Elements-Forms, Tables, sliders, etc• Device independent• Use of lang attribute • List just can go on
Other Accessibility Guidelines & Laws
• WAI-ARIA (Accessible Rich Internet Applications)
• USA Section 508• UK-DDA (Disability discrimination Act)• GIGW (Guidelines for Indian Government
Websites)
Accessibility Testing
Automated Testing Tools
• WAVE Accessibility Tool• Web Accessibility Toolbar for Firefox
How to choose a testing tool?
• Tool itself needs to be accessible.• Tool must check for browser DOM.• Range of guidelines / laws it covers.• Guidance offered for further manual testing.
Manual Testing
• Automated testing tools test less than 50% of WCAG 2.0 success criteria.
• Whatever can be checked can be checked partially.
• Manual testing allows to test all the 61 WCAG 2.0 success criteria.
• Manual testers have knowledge of guidelines and laws.
• Manual testing is thorough.
THANK YOU !!!
Your Questions Please