A presentation at DrupalCon Seattle in
April 2019 in
Seattle, WA, USA by
Using patterns and tools to improve inclusivity in your next project
Sr. Accessibility Instructor & Developer - Deque Systems Twitter/LinkedIn/Medium: @cariefisher GitHub: @cehfisher Slides: https://noti.st/cariefisher
Digital accessibility 101 Accessibility: traditional vs. decoupled Resources, tools, & demo time!
Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. Web Accessibility Initiative (WAI)
According to last US census results, about 19% of the United States population identifies as having a disability. That works out to roughly 57 million individual people. Thinking of these numbers in a different way, there are more people with disabilities than populations of New York and California combined. If you consider a global audience, you are talking about 15% of the world’s population according to the World Health Organization (WHO). That is over one billion people worldwide!
Of course 19% is a huge number of people who could benefit from an accessible website or app right from the start, but keep in mind, the official numbers do not even include people that either do not identify as having a disability or those populations that could benefit from accessible websites and apps, such as the aging population — so the number of people needing accessibility in reality is closer to 32% if you just consider those two groups. And of course, that number will continue to grow as people live longer and technology becomes even more prevalent and important to our daily lives.
“a11y” is a numeronym that is short for “accessibility” A -> [11 letters] -> Y
➔ Visual Impairments
➔ Mobility Impairments
➔ Hearing Impairments
➔ Cognitive Impairments
➔ Vestibular Disorders
➔ Speech Impairments
➔ Seizure Disorders
➔ Many others
➔ Right thing to do
➔ Smart thing to do
➔ Lawful thing to do
➔ Your future self
➔ Managers, clients & shareholders
➔ Marketing & sales
➔ Designers & UI/UX specialists
➔ Front-end & back-end developers
➔ Digital strategists, editors & content creators
➔ Users of your website/app
➔ A11y Project - Web Accessibility Checklist
➔ A11y Style Guide
➔ Deque University Library
➔ Inclusive Components
➔ U.S. Web Design System
➔ HTML5 Accessibility
➔ WAI - Web Accessibility Tutorials
➔ WCAG Quick Reference Library
➔ Accessibility Insights
➔ Axe Extension
➔ WorldSpace Attest Extension
➔ Assistive Technology Devices (ATs)
◆ Windows: Chrome/Firefox + NVDA and IE/Edge + JAWS
◆ Mac: Safari + VoiceOver
◆ Android: Chrome/Firefox + TalkBack
◆ iOS: Safari + VoiceOver
View Decoupled Accessibility on Notist.
Using patterns and tools to improve inclusivity in your next project.
The following resources were mentioned during the presentation or are useful additional information.