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