Accessibility testing your digital spaces and content helps expand your reach. This presentation offers an overview of common accessibility testing types and methods.

1. PANTHEON.IO
Expand Your Reach
With Accessibility
Testing
UNCOVER THE OPPORTUNITIES IN CHANGE

2. PANTHEON.IO
Carolyn Shannon
Manager of Technical Documentation

3. PANTHEON.IOPANTHEON.IO
Pantheon
Accessibility
Workgroup
Make Pantheon products and content as
available and as easy to navigate as possible.
Help others understand why designing, writing,
and testing for accessibility is both important for
the individuals served, and a practical and
strategic value.

4. PANTHEON.IO
Diverse teams
produce better
results
WebOps brings together developers, designers,
marketers, content editors and everyone who
touches your website.
If you want better results, surround yourself with
people who are meaningfully different from you.
4

5. PANTHEON.IO
What’s the business case
for digital accessibility?

6. PANTHEON.IO
Accessibility
Removes Barriers
Helping others do their best work is
a strategic investment

7. PANTHEON.IO
7
There Are Many
Types of Disability
Permanent Temporary Situational
Touch
See
Hear
Speak
One arm Arm injury New parent
Blind Cataract Distracted driver
Deaf Ear infection Bartender
Non-verbal Laryngitis Heavy accent

8. PANTHEON.IO
8
There are opportunities
in every change...
...and there is no average user

9. PANTHEON.IO
What are the features
of your users
(now, tomorrow?)
How COVID-19 is Changing Internet Usage
Across Industries | Pantheon Blog
Read Blog Post
9

10. PANTHEON.IO
10
Testing for barriers
helps you innovate
when market
conditions change

11. PANTHEON.IO
UnderstandableU
OperableO
PerceivableP
RobustR
Resource: WCAG 2.1
WCAG 2.1
Standards:
4 Principles

12. PANTHEON.IO
What does
success look like?

13. PANTHEON.IO
Informal
Defined
Repeatable
Measured
Optimized
Capability Maturity
Model

14. PANTHEON.IO
Informal
Defined
Repeatable
Measured
Optimized
Testing in the
Accessibility
Maturity Model

15. PANTHEON.IO
15
Types of Testing and Tools
Automated Semi-automated Manual
SaaS testing services
APIs and build
process plugins
One-off spot-checking
Scripts that change values
Browser plugins
Keyboard navigation
Screen readers
User interviews

16. PANTHEON.IO
16
Automated tests
Example Tools
Pa11y Dashboard +
Webservice or CI
Google Lighthouse
Cypress + Axe
SiteImprove

17. PANTHEON.IO
17
pantheon.io/docs
build testing with
Lighthouse
Automated tests: Pantheon Docs
Resource: Google Lighthouse Docs

18. PANTHEON.IO
18
pantheon.io/docs
build testing with
Lighthouse
Automated tests: Pantheon Docs
Resource: Google Lighthouse Docs

19. PANTHEON.IO
19
pantheon.io/docs
build testing with
Lighthouse
Automated tests: Pantheon Docs
Resource: Google Lighthouse Docs

20. PANTHEON.IO
20
Automated tests: Lighthouse

21. PANTHEON.IO
21
Automated tests: SaaS
Resource: siteimprove.com

22. PANTHEON.IO
HUMANS WANTED
Bring people
power into your
testing
22

23. PANTHEON.IO
23
Semi-automated
tests
Example Tools
WAVE browser extension
Pa11y command-line
Cypress - Axe

24. PANTHEON.IO
24
WAVE browser
extension
● Summary reports
● Details with highlighted errors
● Reference links for additional research
● Styles toggle & Code View

25. PANTHEON.IO
Manual tests
25
Tests
Example Tools
Keyboard navigation
Screen readers
User interviews
Keyboard navigation
VoiceOver (Apple/iOS built-in)
NVDA & Narrator (Windows)
TalkBack (Android built-in)
User interviews

26. PANTHEON.IO
26
Resource: WebAIM Keyboard Testing
Keyboard
navigation tests
“All functionality of the
content is operable through
a keyboard interface without
requiring specific timings for
individual keystrokes.”
● ‘Skip to content’ links
● Tab through content
● Structured headers and content
● tabindex attributes

27. PANTHEON.IOPANTHEON.IO
User interviews
and reviews
Bring new voices into testing and
copy reviews
Recruit people with disabilities to
test and improve

28. PANTHEON.IO
Testing helps build an
ecosystem of inclusive design

29. PANTHEON.IO
29
Inclusive Design Inclusive Culture
Microsoft on Inclusive
Design
Steve Jacobs on
Electronic Curb Cuts
YouTube: A11y Talks series
Automattic’s Inclusive
Design Checklist
W3 WCAG 2.1: Differences
from 2.0
Newsletter: 5 Ally Actions
AirMozilla Speaker Series:
Unlearning to Include & Innovate
Podcast: TechShare ProCast
panel on Accessibility
Leadership
MidCamp Keynote: Actions
Speak Louder Than Code
RESOURCES
Building
Inclusive
Culture

30. PANTHEON.IO
How can we help?
CHANGE
30
RESILIENCE
SUCCESS
Make it easier for everyone to succeed online.
Market conditions have changed.
Testing for barriers and universal design
ensures resilience.

31. PANTHEON.IO
How can we help?
31
RESILIENCE SUCCESS
Make it easier for everyone to
succeed online.
Market conditions
have changed.
Testing for barriers and
universal design ensure
resilience.
CHANGE

32. PANTHEON.IO
The ultimate goal should be to see where
COVID-19 has uncovered opportunities to
change current work, education and social
practice, for the better, and ensure that
we emerge as a more inclusive society.
Global Disability Innovation Hub

33. PANTHEON.IO
33
Expand
your reach

34. PANTHEON.IO
Thank You!
No really…...thank you!
34

35. PANTHEON.IO
Thank You!
35
Carolyn Shannon
MANAGER OF TECHNICAL DOCUMENTATION
carolyn.shannon@pantheon.io
@chicagomom
For more information
● Blog: pantheon.io/blog
● Community Forum: discuss.pantheon.io