This document summarizes the key points of accessibility for web and mobile applications. It discusses how accessibility benefits all users and is important for inclusive design. Standards like WCAG provide guidelines for perceivable, operable, understandable and robust content. The document emphasizes that accessibility requires considering the needs of real people and undergoing a thorough requirements gathering and testing process using various tools. Common issues include color contrast, unlabeled forms, duplicate links and missing alt text. Accessible design is important for legal compliance and positive brand messaging by ensuring websites can be used by all.

1. WHAT IS THE POINT OF
WEB ACCESSIBILITY?
A Talk by Kim Krause Berg,
CPACC
Session: Master Web
Accessibility With
Inclusive Design
With LEA BUCKINGHAM
SCUDAMORE, KRISTINE
SCHACHINGER, RUSS JEFFERY
September 14, 2022

3. THE FUTURE WAS IS DIGITAL
Web Sites
• CMS – Grab a theme and go
Web Apps
• Downloadable
• Mobile = Where you go, it goes
• Development paradise

4. WHERE YOU GO, IT GOES
Accessibility Matters inthe Battle of Mobile
PaymentSystems
https://www.lflegal.com/2014/12/m
obile-payment-systems-
accessibility/

5. DESIGN FOR INCLUSION
MEANS OPENING DOORS
• Golden Opportunities
Every end user is a unique and
special individual human
experiencing your website or
app.

6. HUMANS ENROLLING WITH
AUTOMATED ASSISTANTS
04/22/2022 BY BILL SLAWSKI,
SEOBYTHESEA.COM
Humans may engage in human-to-computer dialogs with interactive
software applications referred to herein as “automated assistants.”
For example, humans (who, when they interact with automated
assistants, may be referred to as “users”) may provide commands,
queries, and requests (collectively referred to herein as “queries”)
using free form natural language input which may include vocal
utterances converted into text and then processed and typed free
form natural language input.
https://www.seobythesea.com/2022/04/humans-enrolling-with-
automated-assistants/

7. I RECEIVED A LETTER!
They say my website isn’t working for them and
they are threatening an ADA lawsuit.
https://www.microassist.com/ - Sign up for the
newsletter
https://www.lflegal.com/ - Leading legal expert,
Lainey Feingold

8. https://beta.ada.gov/resources/web-guidance/

9. CONSIDER THE RISKS
There are several types of costs that may be mandated in
settlement agreements. Just to name a few, these can
include requiring the defendants to:
• obtain independent audits certifying that their release
is accessible before it is generally made available to
the public
• acquire and run particular accessibility tools
• hire people into specific roles
• conduct very specific training (sometimes using
plaintiff’s hand-picked consultants)
https://sheribyrnehaber.com/ada-lawsuit-costs-are-way-
more-than-just-the-settlement/

10. STANDARDS, GUIDELINES & LAW
Still figuring it out.

11. WCAG2.1 A/AA/AAA
WEB CONTENT
ACCESSIBILITY
GUIDELINES
Many countries outside the USA
created legal standards for
meeting web accessibility.
The US Department of Justice has not, as of
this moment, added the word “web” to the
Americans With Disabilities Act (ADA).
The DOJ DID make certain types of websites
meet legal requirements. These are Title II,
Section 508, etc.
Each state has its own criteria for web
accessibility. They do NOT rule in agreement
with other states or federal courts.
WCAG are not the law. (But the ADA is
traced to it.)
WCAG2.2 may be released this year or
early 2023
https://beta.ada.gov/resources/web-
guidance/

12. WHAT IS THE POINT OF WEB
ACCESSIBILITY?
(Does it cost a lot of money?)

13. YES.
(somebody had to say it.)

14. PEOPLE DO
PEOPLE
THINGS

15. WCAG FOUR PRINCIPLES
Perceivable
Operable
Understandable
Robust

16. GATHERING REQUIREMENTS
THIS IS YOUR MOST IMPORTANT STEP
Define These
Refine Them Again and
Again

17. THE ANSWERS HERE DEFINE YOUR DESIGN AND MARKETING
STRATEGIES
Can you provide
customer support
for someone who is
unable to use your
website or app?
Where is your web
app used? When
and How?
Where do you
conduct business?
What is your
website about?
What is your
competitive value
to new people?

18. Skills
Hire an SME
Get Training
Teamwork
Allow time to test
Understand why
manual testing is
Tools
Invest in quality
tools
Never use overlays
Choose the right
QA software
Messaging
Design for
inclusion in today’s
digital
environment is
critical to positive
brand messaging.
•Provide an

19. SCREEN READERS
iOS Voice Over

20. SCREEN READERS
Android Talk Back

21. TOOLS PROVIDE AN ASSIST
BUT NOT THE FIX
Extensions:
• Lighthouse
• AXE Pro https://www.deque.com/axe/devtools/
• WAVE Evaluation Tool
• Siteimprove - https://www.siteimprove.com/toolkit/accessibility-
checker/
• ColorZilla – dropper
• Accessibility Acceptance Criteria -
https://www.magentaa11y.com/

23. OTHER
• ARC Platform - https://www.tpgi.com/arc-platform/arc-toolkit/
• Level Access – Audits, Tenon, Tools https://www.levelaccess.com/
• Polypane - https://polypane.app/download/
• Color Contrast Tester - https://www.joedolson.com/tools/color-
contrast.php
• Tanaguru – Color Contrast Testing with recommendations -
https://contrast-finder.tanaguru.com/
• BeMyEyes - https://www.bemyeyes.com/
• Certification – https://www.accessibilityassociation.org/s/
• Legal – Lainey Feingold https://www.lflegal.com/
• Writers - Sheri Byrne-Haber https://sheribyrnehaber.com/
• Overlay Fact Sheet - https://overlayfactsheet.com/

24. PEOPLE DO PEOPLE THINGS.
COMPUTERS DO COMPUTERS
THINGS.
Common Issues
• Color contrasts
• Unannounced off-site links
• Forms – Missing field labels; not enough time; no help
to avoid making errors.
• Duplicate links.
• No alt text on images.
• Tab order skips
• No focus state
• Carousels
• IFrames
• Modals
• Symbols like *
• Overlays that override user settings

25. COMMON
FINDINGS
• Text over images
• Small fonts
• Centered paragraphs
• Duplicate CTA

26. LISTEN TO YOUR
CONTENT
• Is the best friend a person
or animal or ?
• If all the images are
removed, what is left for the
screen reader (and search
engines?)
• Does Find a Store take the
user off-site?
• Do I choose a category and
then shop?

27. CAREFUL CONTENT
WRITING
• “See” the cart.
• Is it a cart or menu?
• Fresh tasty and healthy
what? (alt?) (text)
• Missing phone? Address?
Locations?

28. Mobile view
navigation and
understanding the H1
Avoid learn more
Icons are not
illustrative
Heading is not
descriptive
“Book a Consultation”
(How?) Can someone with a
screen reader do it?

29. THANK
YOU!
Bmtx.com / CreativeVisionWebConsulting.com