Ensuring accessibility by Kenny Gilles

1. ⠀Ensuring Accessibility⠀
⠀Kenny Gilles⠀

2. Who Am I?
23 years in Sweden
4+ years in the USA
8+ years at
4 years as a QA/QC
3+ years as a front-end developer

3. ...making sure people with disabilities can use the web.
Web Accessibility Is...

4. What, Who and Why?
Agenda
Different Disabilities Show and Tell How?

5. ...your team/organization has talked about web accessibility.
...your team/organization has created an action plan to become
more accessible.
...your team/organization are actively planning, designing,
developing and testing with web accessibility in mind.
Raise your hand if...

6. Everyone should be able to use the web
Improvements benefits ALL users
Who Is It For?

7. Friends and family
You, the person
You, the professional
Why Is It Important to You?

8. Why Is It Important to Society?
Affects 15% of people
Equal access and opportunity
Human right

9. Why Is It Important to Organizations?
Profit
Customer Obsession
Fines and lawsuits

10. What Are Companies Doing?
Facebook, Google and Twitter
Accessibility Teams
Microsoft
AI for Accessibility Grant
● Hired firm to audit us
● Created design and development guidelines

11. Summary
Affects 15% of people
Improved experience for everyone
The hammer is coming down

12. Video

13. Molly Burke
How I Shop Online Blind
Website:
https://www.mollyburkeofficial.com/
Instagram:
@mollyburkeofficial
Facebook:
http://facebook.com/mollyburkeofficial
Twitter:
@mollybofficial

14. Color Blindness
1 in 12 men
1 in 200 women
Vision Impairment
16%
Blindness
0.5%
Hearing Impairment
>5%
Physical
6% Carpal Tunnel
13M Parkinson’s & MS
Cognitive/Neural
0.05-1.5%
Different Disabilities

15. Summary
It’s not that hard to…
...test for accessibility
...make a website more accessible
Each disability has its requirements

16. Planning
Make it a required discussion topic
● “Is this change necessary?”
● “How could this affect users?”
● “Should we user test this?”

17. Design
Create guidelines or a checklist
Use accessibility plugins and tools

18. Development
Create guidelines or a checklist
Run accessibility tests locally
Hello World

19. Testing
Add accessibility tests to your pipeline
Manually test with available tools
“Become the user”

20. Web Accessibility is...
...important
...easy to test for
...simple to apply

21. To make sure no one is excluded!
You Should Do It!

22. Useful Links
● WCAG (https://www.w3.org/WAI/standards-guidelines/wcag/)
● WUHCAG (https://www.wuhcag.com/)
● ARIA (https://www.w3.org/WAI/standards-guidelines/aria/)
● Pa11y (https://pa11y.org/)
● Google Lighthouse (https://developers.google.com/web/tools/lighthouse/)
● NoCoffee Vision Simulator - extension for Chrome
(https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl)
● Sim Daltonism - app for Mac (https://apps.apple.com/us/app/sim-daltonism/id693112260)
● ORCA - Screen reader for Linux (https://help.gnome.org/users/orca/stable/introduction.html.en)
● Regulations
○ EU: https://ec.europa.eu/digital-single-market/en/web-accessibility
○ US: https://www.ada.gov/
● Videos of people with disabilities using tech: https://axesslab.com/tech-youtubers/
● [W3]Web Accessibility Evaluation Tools List(https://www.w3.org/WAI/ER/tools/)
● More info about Domino’s lawsuit
(https://www.theindianalawyer.com/articles/uhl-and-bose-dominos-effect-scotus-skips-clarifying-ada-web-access)

23. Sources
15% of people have a disability: https://www.who.int/disabilities/world_report/2011/en/
Web access as a human right: https://www.article19.org/data/files/Internet_Statement_Adopted.pdf
Color blindness numbers: https://ghr.nlm.nih.gov/condition/color-vision-deficiency#statistics
Vision impairment numbers: https://www.who.int/news-room/fact-sheets/detail/blindness-and-visual-impairment
Blindness numbers: https://www.who.int/news-room/fact-sheets/detail/blindness-and-visual-impairment
Hearing impairment numbers: https://www.who.int/news-room/fact-sheets/detail/deafness-and-hearing-loss
Physical disability numbers:
Carpal tunnel: https://www.aafp.org/afp/2011/0415/p952.html
Parkinson’s: https://www.parkinson.org/Understanding-Parkinsons/Statistics
MS: https://www.nationalmssociety.org/What-is-MS/MS-FAQ-s
Cognitive/Neural disability numbers:
https://www.asha.org/PRPSpecificTopic.aspx?folderid=8589942540&section=Incidence_and_Prevalence