Making the Pragmatic Business Case for Accessibility

Making a Strong Case for Accessibility Todd Libby @toddlibby 9 August, 2022, KCDC

Making the Pragmatic Business Case for Accessibility Todd Libby @toddlibby 9 August, 2022, KCDC

Thank you! Todd Libby @toddlibby 9 August, 2022, KCDC

Maine Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby Arizona 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

Portland, Maine 🦞 Phoenix, Arizona 🥵 Accessibility Team Lead @ WebstaurantStore Accessibility Engineer @ Centre for Inclusive Design W3C Invited Expert - Accessibility & WCAG3 23 years of developer, design, & accessibility experience Host of the Front End Nerdery Podcast @toddlibby ➡︎ Todd Libby 9 August, 2022, KCDC

Making Your Case at Your Organization Todd Libby @toddlibby 9 August, 2022, KCDC

Using Data to Advocate Todd Libby @toddlibby 9 August, 2022, KCDC

WebAIM Million Report • One million homepages https://webaim.org/projects/million/ Todd Libby @toddlibby 9 August, 2022, KCDC

WebAIM Million Report • One million homepages • 50.8+ million accessibility errors https://webaim.org/projects/million/ Todd Libby @toddlibby 9 August, 2022, KCDC

WebAIM Million Report • One million homepages • 50.8+ million accessibility errors • Decreased 1.1% since February 2021 https://webaim.org/projects/million/ Todd Libby @toddlibby 9 August, 2022, KCDC

WebAIM Million Report • 887 to 955 elements per home page Todd Libby @toddlibby 9 August, 2022, KCDC

WebAIM Million Report • 887 to 955 elements per home page • Increased 7.7% since February 2021 Todd Libby @toddlibby 9 August, 2022, KCDC

WebAIM Million Report • 887 to 955 elements per home page • Increased 7.7% since February 2021 • 5.3% of all home page errors had a detected accessibility error Todd Libby @toddlibby 9 August, 2022, KCDC

96.8% had WCAG 2 failures Todd Libby @toddlibby 9 August, 2022, KCDC

What are the failures? Todd Libby @toddlibby 9 August, 2022, KCDC

Low Contrast of Text Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

1.1:1 color contrast ratio (Contrast ran es from 1:1 to 21:1) @toddlibby g Todd Libby 9 August, 2022, KCDC

Relative luminance (L1 + 0.05) / (L2 + 0.05) Fore round contrast on back round color @toddlibby g g Todd Libby 9 August, 2022, KCDC

SC 1.4.3 Contrast (Minimum)(Level AA) “The visual presentation of text and images of text has a contrast ratio of at least 4.5 to 1” https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html Todd Libby @toddlibby 9 August, 2022, KCDC

Missing Alternative Text Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

<img src=“/path/to/img/lobster.png”> 🚫 <img src=“/path/to/img/lobster.png” alt=“”> ✅ <img src=“/path/to/img/lobster.png” alt=“Todd’s lobster roll, hot butter, and blueberry soda.”> ✅ Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

• Low contrast text • Missing alternative text of images • Empty links • Missing form input labels • Empty buttons • Missing document language Todd Libby @toddlibby 9 August, 2022, KCDC

96.5% of all errors Todd Libby @toddlibby 9 August, 2022, KCDC

Examples of practical digital accessibility “Low-hanging fruit” • Color contrast that exceeds guidelines (>10 to 1 ratio) • Accessible color schemes/combinations • Keyboard/screen reader accessible • Accessible components (accordions, modals, tooltips, etc.) • Performant web apps, PWAs, mobile apps, Web sites Todd Libby @toddlibby 9 August, 2022, KCDC

More Examples of practical digital accessibility • Scrollable interactive content • Alternative text on images where necessary (infographics, charts, graphs) • Accessible when viewing mobile phone screen (glare from sun) • Other situational disabilities • Broken arm • Child on lap Todd Libby @toddlibby 9 August, 2022, KCDC

Disability is just Blind, Deaf, or Paralysis. Right? Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

Learning / Cognitive ADHD / ADD Fibromyalgia / Arthritis Tremors / Parkinson’s Migraine Headaches / Photophobia Todd Libby @toddlibby 9 August, 2022, KCDC

Excuses Todd Libby @toddlibby 9 August, 2022, KCDC

“The client doesn’t have the budget for it.” Todd Libby @toddlibby 9 August, 2022, KCDC

“We’ll get to it after launch.” Todd Libby @toddlibby 9 August, 2022, KCDC

“Why do we even need to make this thing accessible?” Todd Libby @toddlibby 9 August, 2022, KCDC

“Why do we even need to make this thing accessible?” “There is no time to do this.” Todd Libby @toddlibby 9 August, 2022, KCDC

“Why do we even need to make this thing accessible?” “There is no time to do this.” “We don’t have disabled users.” Todd Libby @toddlibby 9 August, 2022, KCDC

“Why do we even need to make this thing accessible?” “There is no time to do this.” “We don’t have disabled users.” “The people that use our product are not disabled.” Todd Libby @toddlibby 9 August, 2022, KCDC

“It’s a huge waste of time.” Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

Buy-In Todd Libby @toddlibby 9 August, 2022, KCDC

Buy-In How do I et buy-in from stakeholders, clients, collea ues? • Support trickles down from C-suite & top level to managers, teams, and individuals. 9 August, 2022, KCDC @toddlibby g g Todd Libby

Buy-In How do I et buy-in from stakeholders, clients, collea ues? • Support trickles down from C-suite & top level to managers, teams, and individuals. • Do this from the start. Low maintenance is needed, because of accessible designs and clean code. 9 August, 2022, KCDC @toddlibby g g Todd Libby

Buy-In How do I et buy-in from stakeholders, clients, collea ues? • Support trickles down from C-suite & top level to managers, teams, and individuals. • Do this from the start. Low maintenance is needed, because of accessible designs and clean code. • Cite instances from the lawsuits that have been won against major corporations (Domino’s Pizza, Target, Bank of America). 9 August, 2022, KCDC @toddlibby g g Todd Libby

Buy-In How do I et buy-in from stakeholders, clients, collea ues? • Support trickles down from C-suite & top level to managers, teams, and individuals. • Do this from the start. Low maintenance is needed, because of accessible designs and clean code. • Cite instances from the lawsuits that have been won against major corporations (Domino’s Pizza, Target, Bank of America). • Live testing with disabled users recorded on video. 9 August, 2022, KCDC @toddlibby g g Todd Libby

$8 Trillion Worldwide of disposable income of individuals with disabilities https://www.triplepundit.com/story/2022/investing-disability-inclusion/741416 Todd Libby @toddlibby 9 August, 2022, KCDC

$490 Billion Disposable income of individuals with disabilities in the U.S. https://diverseabilitymagazine.com/2018/09/buying-power-people-disabilities/ Todd Libby @toddlibby 9 August, 2022, KCDC

Advocates Todd Libby @toddlibby 9 August, 2022, KCDC

Organization Advocates Teams or individuals that advocate in your or anization • Having a person throughout each department or a team focused on accessibility as a liaison. 9 August, 2022, KCDC @toddlibby g Todd Libby

Organization Advocates Teams or individuals that advocate in your or anization • Having a person throughout each department or a team focused on accessibility as a liaison. • Someone that can answer questions and work with others to practice the guidelines and work with others to make accessible products. 9 August, 2022, KCDC @toddlibby g Todd Libby

Organization Advocates Teams or individuals that advocate in your or anization • Having a person throughout each department or a team focused on accessibility as a liaison. • Someone that can answer questions and work with others to practice the guidelines and work with others to make accessible products. • Help set up documentation and tooling, serve as an intermediary between departments. 9 August, 2022, KCDC @toddlibby g Todd Libby

Assessment Todd Libby @toddlibby 9 August, 2022, KCDC

Assessment Assess the product and the proficiency within the or anization • Gauging where the product(s) are as far as how inclusive and accessible they are is a key priority. 9 August, 2022, KCDC @toddlibby g Todd Libby

Assessment Assess the product and the proficiency within the or anization • Gauging where the product(s) are as far as how inclusive and accessible they are is a key priority. • What is the current state of the product, website, or mobile application? 9 August, 2022, KCDC @toddlibby g Todd Libby

Assessment Assess the product and the proficiency within the or anization • Gauging where the product(s) are as far as how inclusive and accessible they are is a key priority. • What is the current state of the product, website, or mobile application? • Getting the general idea of the level of knowledge that teams and people in the company currently have. 9 August, 2022, KCDC @toddlibby g Todd Libby

Assessment Assess the product and the proficiency within the or anization • Gauging where the product(s) are as far as how inclusive and accessible they are is a key priority. • What is the current state of the product, website, or mobile application? • Getting the general idea of the level of knowledge that teams and people in the company currently have. • How versed are they in guidelines (WCAG) and practices? 9 August, 2022, KCDC @toddlibby g Todd Libby

Assessment Assess the product and the proficiency within the or anization • Gauging where the product(s) are as far as how inclusive and accessible they are is a key priority. • What is the current state of the product, website, or mobile application? • Getting the general idea of the level of knowledge that teams and people in the company currently have. • How versed are they in guidelines (WCAG) and practices? • How much training do you have and will you need? 9 August, 2022, KCDC @toddlibby g Todd Libby

Training Todd Libby @toddlibby 9 August, 2022, KCDC

Training Maintainin A Written Record • Of all accessibility training done • It should meet requirements that apply to the organization g Todd Libby @toddlibby 9 August, 2022, KCDC

Training Maintainin A Written Record • Of all accessibility training done • It should meet requirements that apply to the organization • Great way to keep data on all training done in organization g Todd Libby @toddlibby 9 August, 2022, KCDC

Training Maintainin A Written Record • Of all accessibility training done • It should meet requirements that apply to the organization • Great way to keep data on all training done in organization • Record the training and who trained and when it was completed g Todd Libby @toddlibby 9 August, 2022, KCDC

Training Maintainin A Written Record • Of all accessibility training done • It should meet requirements that apply to the organization • Great way to keep data on all training done in organization • Record the training and who trained and when it was completed • If there is no inter-organizational training use orgs that do training. g Todd Libby @toddlibby 9 August, 2022, KCDC

Training Maintainin A Written Record • Of all accessibility training done • It should meet requirements that apply to the organization • Great way to keep data on all training done in organization • Record the training and who trained and when it was completed • If there is no inter-organizational training use orgs that do training. • Deque • TPGi • WebAIM g Todd Libby @toddlibby 9 August, 2022, KCDC

Guidelines Todd Libby @toddlibby 9 August, 2022, KCDC

Guidelines Consistent implementation • Design systems ensure accessibility and inclusivity and the understanding of code better Todd Libby @toddlibby 9 August, 2022, KCDC

Guidelines Consistent implementation • Design systems ensure accessibility and inclusivity and the understanding of code better • Accessible components reduce time to implement Todd Libby @toddlibby 9 August, 2022, KCDC

Guidelines Consistent implementation • Design systems ensure accessibility and inclusivity and the understanding of code better • Accessible components reduce time to implement • Testing procedures implemented so people can do jobs well and e @toddlibby 9 August, 2022, KCDC ffi Todd Libby ciently

Guidelines Consistent implementation • Design systems ensure accessibility and inclusivity and the understanding of code better • Accessible components reduce time to implement • Testing procedures implemented so people can do jobs well and e ciently • Document guidelines in a collaborative manner using tools @toddlibby 9 August, 2022, KCDC ffi Todd Libby

Standards Todd Libby @toddlibby 9 August, 2022, KCDC

Standards Guidelines from different countries • American Disabilities Act (ADA), the Air Carrier Access Act (ACAA), and the Communications and Video Accessibility Act (CVAA) - United States • Section 508 of the Rehabilitation Act, DOJ issues guidance for website accessibility - (U.S. Government) Todd Libby @toddlibby 9 August, 2022, KCDC

Standards Guidelines from different countries • American Disabilities Act (ADA), the Air Carrier Access Act (ACAA), and the Communications and Video Accessibility Act (CVAA) - United States • Section 508 of the Rehabilitation Act, DOJ issues guidance for website accessibility - (U.S. Government) • Accessible Canada Act (ACA), Accessibilities for Ontario’s with Disabilities Act (AODA) - Canada Todd Libby @toddlibby 9 August, 2022, KCDC

Standards Guidelines from different countries • American Disabilities Act (ADA), the Air Carrier Access Act (ACAA), and the Communications and Video Accessibility Act (CVAA) - United States • Section 508 of the Rehabilitation Act, DOJ issues guidance for website accessibility - (U.S. Government) • Accessible Canada Act (ACA), Accessibilities for Ontario’s with Disabilities Act (AODA) - Canada • Web Accessibility Directive which updated EN 301 549, European Accessibility Act - European Union Todd Libby @toddlibby 9 August, 2022, KCDC

Standards Guidelines from different countries • American Disabilities Act (ADA), the Air Carrier Access Act (ACAA), and the Communications and Video Accessibility Act (CVAA) - United States • Section 508 of the Rehabilitation Act, DOJ issues guidance for website accessibility - (U.S. Government) • Accessible Canada Act (ACA), Accessibilities for Ontario’s with Disabilities Act (AODA) - Canada • Web Accessibility Directive which updated EN 301 549, European Accessibility Act - European Union • Web Content Accessibility Guidelines (WCAG) - Internationally Todd Libby @toddlibby 9 August, 2022, KCDC

Standards Guidelines from different countries • American Disabilities Act (ADA), the Air Carrier Access Act (ACAA), and the Communications and Video Accessibility Act (CVAA) - United States • Section 508 of the Rehabilitation Act, DOJ issues guidance for website accessibility - (U.S. Government) • Accessible Canada Act (ACA), Accessibilities for Ontario’s with Disabilities Act (AODA) - Canada • Web Accessibility Directive which updated EN 301 549, European Accessibility Act - European Union • Web Content Accessibility Guidelines (WCAG) - Internationally • Convention on the Rights of Persons with Disabilities (CPRD) • Article 9 • Article 21 Todd Libby @toddlibby 9 August, 2022, KCDC

Testing Todd Libby @toddlibby 9 August, 2022, KCDC

Use Cases/Testing Hirin disabled people • Test & record cases where disabled users are using the product g Todd Libby @toddlibby 9 August, 2022, KCDC

Use Cases/Testing Hirin disabled people • Test & record cases where disabled users are using the product • Present to C-suite & top level people to colleagues/teams g Todd Libby @toddlibby 9 August, 2022, KCDC

Use Cases/Testing Hirin disabled people • Test & record cases where disabled users are using the product • Present to C-suite & top level people to colleagues/teams • Outsource testing with companies: • Fable g Todd Libby @toddlibby 9 August, 2022, KCDC

Use Cases/Testing Hirin disabled people • Test & record cases where disabled users are using the product • Present to C-suite & top level people to colleagues/teams • Outsource testing with companies: • Fable • Hire disabled people! • Teaching and advocating. They have the lived experiences. g Todd Libby @toddlibby 9 August, 2022, KCDC

Accessibility Overlays Todd Libby @toddlibby 9 August, 2022, KCDC

“We use an accessibility overlay. We’re okay.” Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

AccessiBe Audioeye Equalweb Facil’iti Usablenet Userway Many, many more! Todd Libby @toddlibby 9 August, 2022, KCDC

Overlays will get you sued. Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

!== Todd Libby @toddlibby 9 August, 2022, KCDC

So what do we do? Todd Libby @toddlibby 9 August, 2022, KCDC

Maintenance Todd Libby @toddlibby 9 August, 2022, KCDC

Maintenance Accessibility is never done • Automated testing wherever possible with new releases or changes Todd Libby @toddlibby 9 August, 2022, KCDC

Maintenance Accessibility is never done • Automated testing wherever possible with new releases or changes • Screen reader analysis before every release Todd Libby @toddlibby 9 August, 2022, KCDC

Maintenance Accessibility is never done • Automated testing wherever possible with new releases or changes • Screen reader analysis before every release • Annual audits Todd Libby @toddlibby 9 August, 2022, KCDC

Maintenance Accessibility is never done • Automated testing wherever possible with new releases or changes • Screen reader analysis before every release • Annual audits • User testing Todd Libby @toddlibby 9 August, 2022, KCDC

Maintenance Accessibility is never done • Automated testing wherever possible with new releases or changes • Screen reader analysis before every release • Annual audits • User testing • Accessibility is never done! Keep moving forward! Todd Libby @toddlibby 9 August, 2022, KCDC

Maintenance Accessibility is never done • Automated testing wherever possible with new releases or changes • Screen reader analysis before every release • Annual audits • User testing • Accessibility is never done! Keep moving forward! • Like the web, accessibility is always evolving Todd Libby @toddlibby 9 August, 2022, KCDC

Todd Libby @toddlibby 9 August, 2022, KCDC

“…our industry as a whole thinks less and less about accessibility (not that we ever had an A game on the subject), and talks less and less about progressive enhancement, preferring to chase the ephemeral goal posts of overengineered solutions to non-problems.” Jeffrey Zeldman - https://www.zeldman.com/2019/12/01/bluebeanieday2019/ Todd Libby @toddlibby 9 August, 2022, KCDC

Design and develop for people not like yourself and keep that in mind when throwing words like “inclusive” and “accessible” around. Todd Libby @toddlibby 9 August, 2022, KCDC

A11y is a right. NOT a privilege. https://cottonbureau.com/products/a11y-is-a-right#/5254640/ Todd Libby @toddlibby 9 August, 2022, KCDC

“The power of the Web is in its universality. Access by everyone regardless of disabilities an essential aspect.” — Sir Tim Berners Lee https://www.w3.org/standards/webdesign/accessibility Todd Libby @toddlibby 9 August, 2022, KCDC

Links https://toddl.dev/slides/ @toddlibby on Twitter LinkedIn - 🦞 Todd Libby Todd Libby @toddlibby 9 August, 2022, KCDC

Thank you! Todd Libby @toddlibby 9 August, 2022, KCDC