SlideShare a Scribd company logo
1 of 18
Download to read offline
Accessibility is not for
screenreaders
Théodore'nod_'Biadala
Accessibility
is about people
in real life.
Like security,
accessibility
is a process.
alistapart.com/article/reframing-accessibility-for-the-web
alistapart.com/article/reframing-accessibility-for-the-web
Add accessibility scenarios
to your user stories.
« Steve began losing his vision about six years ago, but he’s
not completely blind. He has the screen text on his tablet
zoomed all the way up, but he’s prone to headaches if he tries
to read for too long. Steve uses the screen reader built into
the tablet to read him long emails or messages. »
Web Accessibility
Web Accessibility Initiative
WCAG — Web Content Accessibility Guidelines
ATAG — Authoring Tools Accessibility Guidelines
UAAG — User Agent Accessibility Guidelines
WAI-ARIA — Accessible Rich Internet Applications
Summary
WCAG 2.0 Guiding Principles
Perceivable— Available through sight, hearing, or touch.
Operable— Compatible with keyboard, mouse, touch…
Understandable— User-friendly, easy to comprehend.
Robust— Works across browsers, assistive technologies…
Checklist trap
Drupal
WCAG 2.0 AA
ATAG 2.0 AA
WAI-ARIA
drupal.org/about/accessibility
Drupal 8 tools
Core JavaScript API
drupal.org/project/devel_a11y
CKEditor (Soon)
Future: Quail JS library for testing
Accessibility documentation
drupal.org/node/394094
drupal.org/node/465106
Questions?
Théodore BIADALA
@nod_
theodore@biadala.net

More Related Content

Viewers also liked

prospek ukm dalam perdagangan bebas
prospek ukm dalam perdagangan bebasprospek ukm dalam perdagangan bebas
prospek ukm dalam perdagangan bebasGilang Jupriono
 
Dvd Digipak
Dvd DigipakDvd Digipak
Dvd Digipakdaisy92
 
Evaluation - Presentation
Evaluation - PresentationEvaluation - Presentation
Evaluation - PresentationIonaGinnion
 
Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)B20wna
 
PV van de raad van bestuur van Cerbux Invest
PV van de raad van bestuur van Cerbux Invest PV van de raad van bestuur van Cerbux Invest
PV van de raad van bestuur van Cerbux Invest Thierry Debels
 
Social Media Breakfast: Strategies
Social Media Breakfast: StrategiesSocial Media Breakfast: Strategies
Social Media Breakfast: StrategiesRich Brooks
 
Chicago Class and Trip
Chicago Class and TripChicago Class and Trip
Chicago Class and TripJennifer B
 
Prayag path akaal me utsav
Prayag path akaal me utsavPrayag path akaal me utsav
Prayag path akaal me utsavPankaj Subeer
 

Viewers also liked (13)

prospek ukm dalam perdagangan bebas
prospek ukm dalam perdagangan bebasprospek ukm dalam perdagangan bebas
prospek ukm dalam perdagangan bebas
 
Dvd Digipak
Dvd DigipakDvd Digipak
Dvd Digipak
 
Evaluation - Presentation
Evaluation - PresentationEvaluation - Presentation
Evaluation - Presentation
 
130910 kihare
130910 kihare130910 kihare
130910 kihare
 
Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)Arrows Group Brochure (Technology)
Arrows Group Brochure (Technology)
 
Test
TestTest
Test
 
Descobrint picasso
Descobrint picassoDescobrint picasso
Descobrint picasso
 
PV van de raad van bestuur van Cerbux Invest
PV van de raad van bestuur van Cerbux Invest PV van de raad van bestuur van Cerbux Invest
PV van de raad van bestuur van Cerbux Invest
 
Social Media Breakfast: Strategies
Social Media Breakfast: StrategiesSocial Media Breakfast: Strategies
Social Media Breakfast: Strategies
 
Chicago Class and Trip
Chicago Class and TripChicago Class and Trip
Chicago Class and Trip
 
Prayag path akaal me utsav
Prayag path akaal me utsavPrayag path akaal me utsav
Prayag path akaal me utsav
 
Cleopatra
CleopatraCleopatra
Cleopatra
 
Web
WebWeb
Web
 

Similar to Accessibility is not for screenreaders

Web accessibiilty and Drupal
Web accessibiilty and DrupalWeb accessibiilty and Drupal
Web accessibiilty and DrupalThéodore Biadala
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Kate Horowitz
 
TheInternetDigitalSecurityfddreeere.pptx
TheInternetDigitalSecurityfddreeere.pptxTheInternetDigitalSecurityfddreeere.pptx
TheInternetDigitalSecurityfddreeere.pptxHAYDEECAYDA
 
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...jack_armley
 
But Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with AccessibiiltyBut Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with AccessibiiltyDesiree Livermon
 
Brillo and weave - Android IOT
Brillo and weave - Android IOTBrillo and weave - Android IOT
Brillo and weave - Android IOTDevavrata Sharma
 
Universal Design and Innovation
Universal Design and InnovationUniversal Design and Innovation
Universal Design and Innovationnivims
 
Assistive technologiesslides
Assistive technologiesslidesAssistive technologiesslides
Assistive technologiesslidesYamna Shaban
 
Comrade Web Accessibility 101
Comrade Web Accessibility 101Comrade Web Accessibility 101
Comrade Web Accessibility 101Comrade
 
Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Kailash More
 
Our thoughts about Ada
Our thoughts about AdaOur thoughts about Ada
Our thoughts about AdaImran Ali
 
10 min intro to web a11y
10 min intro to web a11y10 min intro to web a11y
10 min intro to web a11ySteve Lee
 
Accessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoAccessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoGeorge Zamfir
 
Building a better, accessible web
Building a better, accessible webBuilding a better, accessible web
Building a better, accessible webMatt Stow
 
IRJET-Advance Technology- Google Glass
IRJET-Advance Technology- Google GlassIRJET-Advance Technology- Google Glass
IRJET-Advance Technology- Google GlassIRJET Journal
 
White Paper: Securing Nomadic Workforce
White Paper: Securing Nomadic WorkforceWhite Paper: Securing Nomadic Workforce
White Paper: Securing Nomadic WorkforceCourtland Smith
 
How to Support Learners with Sight Loss
How to Support Learners with Sight LossHow to Support Learners with Sight Loss
How to Support Learners with Sight LossGood Things Foundation
 
EdisonV2 - Smart Vision for Visually Impaired
EdisonV2 - Smart Vision for Visually ImpairedEdisonV2 - Smart Vision for Visually Impaired
EdisonV2 - Smart Vision for Visually ImpairedVamshi Krishna
 

Similar to Accessibility is not for screenreaders (20)

Web accessibiilty and Drupal
Web accessibiilty and DrupalWeb accessibiilty and Drupal
Web accessibiilty and Drupal
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.
 
TheInternetDigitalSecurityfddreeere.pptx
TheInternetDigitalSecurityfddreeere.pptxTheInternetDigitalSecurityfddreeere.pptx
TheInternetDigitalSecurityfddreeere.pptx
 
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
 
But Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with AccessibiiltyBut Can I Use It? Getting Started with Accessibiilty
But Can I Use It? Getting Started with Accessibiilty
 
Brillo and weave - Android IOT
Brillo and weave - Android IOTBrillo and weave - Android IOT
Brillo and weave - Android IOT
 
Universal Design and Innovation
Universal Design and InnovationUniversal Design and Innovation
Universal Design and Innovation
 
Assistive technologiesslides
Assistive technologiesslidesAssistive technologiesslides
Assistive technologiesslides
 
Comrade Web Accessibility 101
Comrade Web Accessibility 101Comrade Web Accessibility 101
Comrade Web Accessibility 101
 
Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010
 
Our thoughts about Ada
Our thoughts about AdaOur thoughts about Ada
Our thoughts about Ada
 
10 min intro to web a11y
10 min intro to web a11y10 min intro to web a11y
10 min intro to web a11y
 
Accessibility for beginners
Accessibility for beginnersAccessibility for beginners
Accessibility for beginners
 
Accessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_TorontoAccessibility and Web Technologies @HTML5_Toronto
Accessibility and Web Technologies @HTML5_Toronto
 
Building a better, accessible web
Building a better, accessible webBuilding a better, accessible web
Building a better, accessible web
 
IRJET-Advance Technology- Google Glass
IRJET-Advance Technology- Google GlassIRJET-Advance Technology- Google Glass
IRJET-Advance Technology- Google Glass
 
White Paper: Securing Nomadic Workforce
White Paper: Securing Nomadic WorkforceWhite Paper: Securing Nomadic Workforce
White Paper: Securing Nomadic Workforce
 
Universal design for e learning final
Universal design for e learning finalUniversal design for e learning final
Universal design for e learning final
 
How to Support Learners with Sight Loss
How to Support Learners with Sight LossHow to Support Learners with Sight Loss
How to Support Learners with Sight Loss
 
EdisonV2 - Smart Vision for Visually Impaired
EdisonV2 - Smart Vision for Visually ImpairedEdisonV2 - Smart Vision for Visually Impaired
EdisonV2 - Smart Vision for Visually Impaired
 

More from Théodore Biadala

Offline Drupal with progressive web app
Offline Drupal with progressive web appOffline Drupal with progressive web app
Offline Drupal with progressive web appThéodore Biadala
 
javascript for backend developers
javascript for backend developersjavascript for backend developers
javascript for backend developersThéodore Biadala
 
In-depth changes to Drupal 8 javascript
In-depth changes to Drupal 8 javascriptIn-depth changes to Drupal 8 javascript
In-depth changes to Drupal 8 javascriptThéodore Biadala
 
Upgrade your javascript to drupal 8
Upgrade your javascript to drupal 8Upgrade your javascript to drupal 8
Upgrade your javascript to drupal 8Théodore Biadala
 
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8What's up with javascript and Drupal 8
What's up with javascript and Drupal 8Théodore Biadala
 

More from Théodore Biadala (9)

Offline Drupal with progressive web app
Offline Drupal with progressive web appOffline Drupal with progressive web app
Offline Drupal with progressive web app
 
Frontend thunderdome
Frontend thunderdomeFrontend thunderdome
Frontend thunderdome
 
Headful drupal
Headful drupalHeadful drupal
Headful drupal
 
javascript for backend developers
javascript for backend developersjavascript for backend developers
javascript for backend developers
 
Vanilla JS*
Vanilla JS*Vanilla JS*
Vanilla JS*
 
Javascript Pulp Fiction
Javascript Pulp FictionJavascript Pulp Fiction
Javascript Pulp Fiction
 
In-depth changes to Drupal 8 javascript
In-depth changes to Drupal 8 javascriptIn-depth changes to Drupal 8 javascript
In-depth changes to Drupal 8 javascript
 
Upgrade your javascript to drupal 8
Upgrade your javascript to drupal 8Upgrade your javascript to drupal 8
Upgrade your javascript to drupal 8
 
What's up with javascript and Drupal 8
What's up with javascript and Drupal 8What's up with javascript and Drupal 8
What's up with javascript and Drupal 8
 

Recently uploaded

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESmohitsingh558521
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyAlfredo García Lavilla
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 

Recently uploaded (20)

Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICESSALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easyCommit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 

Accessibility is not for screenreaders