Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition...
Transcript of Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition...
![Page 1: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/1.jpg)
Getting startedwith AccessibilityTesting
HARISH BEERAM
![Page 2: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/2.jpg)
CDC.Gov stats
on Accessibility
![Page 3: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/3.jpg)
CDC.Gov stats
on Accessibility
![Page 4: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/4.jpg)
![Page 5: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/5.jpg)
![Page 6: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/6.jpg)
![Page 7: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/7.jpg)
What is Accessibility?
Giving people with disabilities and impairments
alternative ways to access our products
Cognitive Visual Auditory Motor Speech
![Page 8: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/8.jpg)
Developing for Accessibility helps all
![Page 9: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/9.jpg)
Cognitive Visual Auditory Motor Speech
How does it help? Avoid Law Suits
![Page 10: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/10.jpg)
Cognitive Visual Auditory Motor Speech
How does it help? Lawsuits on the rise
![Page 11: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/11.jpg)
Cognitive Visual Auditory Motor Speech
How does it help? Help with SEO
![Page 12: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/12.jpg)
Cognitive Visual Auditory Motor Speech
How does it help? Helps the UX
![Page 13: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/13.jpg)
Cognitive Visual Auditory Motor Speech
How does it help?
![Page 14: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/14.jpg)
Law & Guidelines
Section 508 WCAG 2.1
![Page 15: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/15.jpg)
Web Content Accessibility Guidelines
WCAG 2.1
World wide Web Consortium (W3C)
Web Accessibility Initiative (WAI)
Web Accessibility Conformance Guidelines –
Working Group (WCAG-WG)
![Page 16: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/16.jpg)
Section 508
1986 Amendment to Rehabilitation Act of 1973,
updated in 2017
Targeting websites developed or used by the federal
government
More information available at www.section508.gov
![Page 17: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/17.jpg)
Web Conformance Accessibility
Guidelines (WCAG 2.1)
Published in 2018 by the WCAG Working Group (WCAG WG),
which is part of the World Wide Web Consortium (W3C) Web
Accessibility Initiative (WAI)
![Page 18: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/18.jpg)
WCAG 2.1
4 Principles
2 3 4 5 6 7 8 9 10 11 12 131
13 Guidelines
78 Criteria's
![Page 19: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/19.jpg)
Level AAAHighest level of accessibility
WCAG 2.1 Levels of Conformance
Level AABiggest and most common barriers
Level A
Most basic
![Page 20: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/20.jpg)
Let’s look at a criteria
Level A 1.1.1 – Non-text Content
All non-text content that is presented to the user has a
text alternative that serves the equivalent purpose.
Add a text alternative to all of your images.
Add a text alternative to your audio and video (a succinct
description of the topic).
Add a name to all of your controls (such as ‘Search’ or
‘Submit’).
![Page 21: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/21.jpg)
Let’s look at a criteria
Level A 3.2.2 – On Input
Changing the setting of any user interface component does not
automatically cause a change of context unless the user has
been advised of the behavior before using the component
![Page 22: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/22.jpg)
How its structured
![Page 23: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/23.jpg)
WCAG 2.1 Structure
![Page 24: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/24.jpg)
WCAG 2.1 Website https://www.w3.org/WAI/WCAG21/Understanding/
![Page 25: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/25.jpg)
How everything fits together
![Page 26: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/26.jpg)
Accessibility Testing
![Page 27: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/27.jpg)
What is Accessibility testing?
Accessibility Testing is defined as a type of Software Testing performed to
ensure that the application being tested is usable by people with disabilities
like hearing, color blindness, old age and other disadvantaged groups. It is a
subset of Usability Testing.
AT: Assistive
Technologies
![Page 28: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/28.jpg)
Assistive Technologies help
with Accessibility
![Page 29: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/29.jpg)
What are Assistive Technologies?Devices and technology that help individuals with disabilities to..
![Page 30: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/30.jpg)
What are assistive technologies?
Speech Recognition Software - It will convert the spoken word to text ,
which serves as input to the computer.
Screen reader software - Used to read out the text that is displayed on
the screen
Screen Magnification Software- Used to enlarge the monitor and make
reading easy for vision-impaired users.
Special keyboard made for the users for easy typing who have motor
control difficulties
![Page 31: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/31.jpg)
Speech to Text was innovated for Accessibility
![Page 32: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/32.jpg)
Screen reader Speech and Braille
![Page 33: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/33.jpg)
Magnifiers in Operating Systems for Zooming
![Page 34: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/34.jpg)
Special keyboard for limited hand movement
![Page 35: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/35.jpg)
Same in Digital accessibility most of the times we assume that users are not disabled
Physical Accessibility Digital Accessibility
![Page 36: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/36.jpg)
Why Accessibility Testing?
![Page 37: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/37.jpg)
Reason 1:
Cater to Market for Disabled People
Why Accessibility Testing?
![Page 38: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/38.jpg)
Reason 2:
Abide by Accessibility Legislations
Why Accessibility
Testing?
![Page 39: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/39.jpg)
What are legislations related to Accessibility?
Following are the legal acts by various governments
United States: Americans with Disabilities Act - 1990
United Kingdom: Disability Discrimination Act - 1995
Australia: Disability Discrimination Act - 1992
Ireland : Disability Act of 2005
Accessibility Testing is important to ensure legal
compliance
![Page 40: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/40.jpg)
Why Accessibility Testing?
Reason 3:
Avoid Potential Lawsuits
![Page 41: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/41.jpg)
Some Lawsuits that were
regarding Accessibility
In the past, Fortune 500 companies have been sued because their products were not disabled friendly. Here a few prominent cases
National Federation for the Blind (NFB) vs Amazon (2007)
Sexton and NFB vs Target (2007)
NFB Vs AOL settlement (1999)
Recent Domino’s
t's best to create products which support disabled and avoid potential lawsuits.
![Page 42: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/42.jpg)
Which disabilities to support?
Type of Disability Disability Description
Vision Disability •Complete Blindness or Color Blindness or Poor Vision•Visual problems like visual strobe and flashing effect problems
Physical Disability •Not able to use the mouse or keyboard with one hand.•Poor motor skills like hand movements and muscle slowness
Cognitive
disability
•Learning Difficulties or Poor Memory or not able to understand more
complex scenarios
Literacy Disability •Reading Problems
Hearing Disability •Auditory problems like deafness and hearing impairments•Cannot able to hear or not able to hear clearly
![Page 43: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/43.jpg)
Video : NVDA for Word https://www.criterion508.com/accessibility
![Page 44: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/44.jpg)
![Page 45: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/45.jpg)
Accessibility Testing Tools
1. WAVE
2. TAW
3. Accessibility Valet
4. Accessibility Dev Tool
5. Quick A11y Page Tester
6. aDesigner
7. WebAnywhere
8. Web Accessibility Toolbar
![Page 46: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/46.jpg)
Chrome Dev Tools Accessibility Tab
Screen reader reading
the control
![Page 47: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/47.jpg)
![Page 48: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/48.jpg)
Myths of Accessibility Testing
MYTH
Creating Accessible website is expensive
FACT
It is not expensive. Take the timeout to think
about accessibility issues in the design stage
itself along with basic testing .This will save
money as well as rework.
![Page 49: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/49.jpg)
Myths of Accessibility Testing
MYTHChanging inaccessible websites to accessible website is time consuming and expensive
FACTIt is not necessary to incorporate all the changes at one time. Work on basic needs which are most necessary for disabled users.
![Page 50: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/50.jpg)
Myths of Accessibility Testing
MYTH
Accessibility is for the Blind and
Disabled
FACT
Following accessibility guidelines
improves the overall usability of the
software, which helps regular users
as well.
![Page 51: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/51.jpg)
Conformance Evaluation
Determines how well web pages or applications meet accessibility standards.
Using W3C’s Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
(WCAG-EM) is an approach for determining conformance to Web Content Accessibility Guidelines (WCAG).
![Page 52: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/52.jpg)
Accessibility Retrofit Process
AssessmentConduct detailed level
assessment and
discovery of the existing
accessibility violations. A
report is presented
regarding the areas of
the web application that needs remediations.
RemediationFocus on the rapid
remediation of the current
violations. Come up with
strategic and tactical
approaches to the
challenge. We then
implement the necessary code changes with and
share the knowledge to
your developers.
ValidationConduct a thorough
testing and validation using
different accessibility
testing tools, manual
testing, assistive
technology testing and
online tools. Create
necessary documentation
for future reference.
![Page 55: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/55.jpg)
Advocate for the Accessibility Compliance
Help your organization and clients implement accessibility for the public sites/applications.
Learn yourselves and implement on projects/programs.
Teach others, share the knowledge, experience and learning
Potential new source of revenue to your organization
Action Items
![Page 56: Getting started with Accessibility Testing · What are assistive technologies? Speech Recognition Software - It will convert the spoken word to text , which serves as input to the](https://reader034.fdocuments.us/reader034/viewer/2022043003/5f8200f303816b7dbf4df548/html5/thumbnails/56.jpg)
HARISH BEERAM