SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Mobile Accessibility in
WCAG 2.1 and Beyond
KATHLEEN WAHLBIN AND SHADI ABOU-ZAHRA
13/21/2018
Mobile
Landscape
Changed the way people are
consuming information
2
All ages are using mobile
Using one handed
Using touch screens
Situations where we have
busy eyes and hands
Out in bright light
In noisy, public spaces
3/21/2018
W3C Mobile Accessibility Task Force
Task Force of the W3C AG Working Group
Exploring improvements for mobile space
◦ Analysis of user needs and existing resources
◦ Proposed new Success Criteria for WCAG 2.1
◦ Input for future work on WCAG 2.2(?), Silver, …
3/21/2018 3
Mobile Accessibility Policies
US Section 508: WCAG 2.0
Europe: EN 301 549 v2.1 (in development,
currently WCAG 2.1 CR without “At Risk”)
Other local developments with risk of standards
fragmentation
3/21/2018 4
Mobile Accessibility in WCAG 2.1 CR
Candidate Recommendation
Draft from 30 January 2018:
◦ w3.org/TR/WCAG21
Comments until 30 March
Session on WCAG 2.1 tomorrow
at 8:00am in this same room
3/21/2018 5
WCAG 2.1
All of WCAG 2.0
5 New SCs at Level A
7 New SCs at Level AA
5 New SCs at Level AAA
3/6/2015 6
New Mobile Requirements in WCAG 2.1
Speech Input
◦ Character Key Shortcuts
◦ Label in Name
Pointer
◦ Pointer Gestures
◦ Pointer Cancellation
◦ Target Size
Input Methods
◦ Concurrent Input
Mechanisms
◦ Motion Actuation
Device Settings
◦ Orientation
Status Changes
3/21/2018 7
New in WCAG 2.1: Conformance Note
5.2.2 Full Pages:
Note 3
A full page includes each variation of the page that
is automatically generated by the page for various
screen sizes. Each of these variations needs to
conform (or needs to have a conforming alternate
version) in order for the entire page to conform.
3/21/2018 8
New in WCAG 2.1: Pointer Gestures
2.5.1 Pointer Gestures
All functionality that uses multipoint or path-
based gestures for operation can be operated
with a single pointer without a path-based
gesture, unless a multipoint or path-based
gesture is essential.
3/21/2018 9
New in WCAG 2.1: Pointer Cancellation
2.5.2 Pointer Cancellation
For functionality that can be operated using a single
pointer, at least one of the following is true:
◦No Down Event: […]
◦Abort or Undo: […]
◦Up Reversal: […]
◦Essential: […]
3/21/2018 10
New in WCAG 2.1: Target Size
2.5.3 Target Size
The size of the target for pointer inputs is at least 44 by 44 CSS
pixels except when:
◦ Equivalent - The target is available through an equivalent link or
control on the same page that is at least 44 by 44 CSS pixels;
◦ Inline - The target is in a sentence or block of text;
◦ User Agent Control - The size of the target is determined by the
user agent and is not modified by the author.
◦ Essential - A particular presentation of the target is essential to the
information being conveyed
3/21/2018 11
New in WCAG 2.1: Non-Text Contrast
1.4.11 Non-Text Contrast
The visual presentation of the following have a
contrast ratio of at least 3:1 against adjacent
color(s):
◦User Interface Components: […]
◦Graphical Objects: […]
3/21/2018 12
Next Steps for
Us
Input Input to discussion on future guidelines
Support Support the completion of WCAG 2.1
Complete Complete Understanding and Techniques
Document Document implementations of new SCs
3/21/2018 13
Next Steps for
You
Engage in Engage in future developments on “Mobile”
Provide
Provide comments on WCAG 2.1 CR Draft
• GitHub: github.com/w3c/wcag21/issues/new
• Email: public-agwg-comments@w3.org
Implement Implement new WCAG 2.1 Success Criteria
3/21/2018 14
Questions?
153/21/2018

Weitere ähnliche Inhalte

Ähnlich wie Mobile Accessibility in WCAG 2.1 and Beyond

Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020User Vision
 
Smart Traffic Monitoring System Report
Smart Traffic Monitoring System ReportSmart Traffic Monitoring System Report
Smart Traffic Monitoring System ReportALi Baker
 
Scalable Network Support for 3D Virtual Shopping Mall
Scalable Network Support for 3D Virtual Shopping MallScalable Network Support for 3D Virtual Shopping Mall
Scalable Network Support for 3D Virtual Shopping MallIvan Guliver
 
IRJET- Tour and Travels
IRJET- Tour and TravelsIRJET- Tour and Travels
IRJET- Tour and TravelsIRJET Journal
 
Fortmatic ETHDenver 2020
Fortmatic ETHDenver 2020Fortmatic ETHDenver 2020
Fortmatic ETHDenver 2020Sean Li
 
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.IRJET Journal
 
#7 - Client-side web apps, MVC and jQuery
#7 - Client-side web apps, MVC and jQuery#7 - Client-side web apps, MVC and jQuery
#7 - Client-side web apps, MVC and jQueryiloveigloo
 
Introduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin PlatformIntroduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin PlatformSANGHEE SHIN
 
Web accessibility strategies for the new decade
Web accessibility strategies for the new decadeWeb accessibility strategies for the new decade
Web accessibility strategies for the new decadeAndrew Stevens
 
Volkswagen | ECU Software Development with codeBeamer ALM: IT Aspects
Volkswagen | ECU Software Development with codeBeamer ALM: IT AspectsVolkswagen | ECU Software Development with codeBeamer ALM: IT Aspects
Volkswagen | ECU Software Development with codeBeamer ALM: IT AspectsIntland Software GmbH
 
Review 2 _PPT_Template_majorproject.pptx
Review 2 _PPT_Template_majorproject.pptxReview 2 _PPT_Template_majorproject.pptx
Review 2 _PPT_Template_majorproject.pptxpd7684
 
Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0Roger Hudson
 
All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...Patrick Lauke
 
Authentication system with Decentralized chat app
Authentication system with Decentralized chat appAuthentication system with Decentralized chat app
Authentication system with Decentralized chat appIRJET Journal
 

Ähnlich wie Mobile Accessibility in WCAG 2.1 and Beyond (20)

Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020
 
adasitecompliance.com
adasitecompliance.comadasitecompliance.com
adasitecompliance.com
 
Smart Traffic Monitoring System Report
Smart Traffic Monitoring System ReportSmart Traffic Monitoring System Report
Smart Traffic Monitoring System Report
 
Scalable Network Support for 3D Virtual Shopping Mall
Scalable Network Support for 3D Virtual Shopping MallScalable Network Support for 3D Virtual Shopping Mall
Scalable Network Support for 3D Virtual Shopping Mall
 
IRJET- Tour and Travels
IRJET- Tour and TravelsIRJET- Tour and Travels
IRJET- Tour and Travels
 
Dark launch
Dark launchDark launch
Dark launch
 
Fortmatic ETHDenver 2020
Fortmatic ETHDenver 2020Fortmatic ETHDenver 2020
Fortmatic ETHDenver 2020
 
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
IRJET- An Sla-Aware Cloud Coalition Formation Approach for Virtualized Networks.
 
Visusual basic
Visusual basicVisusual basic
Visusual basic
 
WCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile AccessibilityWCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile Accessibility
 
#7 - Client-side web apps, MVC and jQuery
#7 - Client-side web apps, MVC and jQuery#7 - Client-side web apps, MVC and jQuery
#7 - Client-side web apps, MVC and jQuery
 
Introduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin PlatformIntroduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin Platform
 
Web accessibility strategies for the new decade
Web accessibility strategies for the new decadeWeb accessibility strategies for the new decade
Web accessibility strategies for the new decade
 
Volkswagen | ECU Software Development with codeBeamer ALM: IT Aspects
Volkswagen | ECU Software Development with codeBeamer ALM: IT AspectsVolkswagen | ECU Software Development with codeBeamer ALM: IT Aspects
Volkswagen | ECU Software Development with codeBeamer ALM: IT Aspects
 
Review 2 _PPT_Template_majorproject.pptx
Review 2 _PPT_Template_majorproject.pptxReview 2 _PPT_Template_majorproject.pptx
Review 2 _PPT_Template_majorproject.pptx
 
M 4 iot..
M 4 iot..M 4 iot..
M 4 iot..
 
Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0
 
All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...All change for WCAG 2.0 - what you need to know about the new accessibility g...
All change for WCAG 2.0 - what you need to know about the new accessibility g...
 
Big Kahuna
Big KahunaBig Kahuna
Big Kahuna
 
Authentication system with Decentralized chat app
Authentication system with Decentralized chat appAuthentication system with Decentralized chat app
Authentication system with Decentralized chat app
 

Mehr von Interactive Accessibility

Mehr von Interactive Accessibility (14)

Demystifying Mobile: Designing with Accessibility in Mind
Demystifying Mobile: Designing with Accessibility in MindDemystifying Mobile: Designing with Accessibility in Mind
Demystifying Mobile: Designing with Accessibility in Mind
 
Many Devices, One Standard: Mobile Accessibility with WCAG 2.1
Many Devices, One Standard: Mobile Accessibility with WCAG 2.1Many Devices, One Standard: Mobile Accessibility with WCAG 2.1
Many Devices, One Standard: Mobile Accessibility with WCAG 2.1
 
Mitgating Legal Risk for Web and Mobile Accessibility
Mitgating Legal Risk for Web and Mobile AccessibilityMitgating Legal Risk for Web and Mobile Accessibility
Mitgating Legal Risk for Web and Mobile Accessibility
 
Achieving Proactive Accessibility Compliance
Achieving Proactive Accessibility ComplianceAchieving Proactive Accessibility Compliance
Achieving Proactive Accessibility Compliance
 
Mobile Accessibility on the Move
Mobile Accessibility on the MoveMobile Accessibility on the Move
Mobile Accessibility on the Move
 
Is Testing With A Screen Reader Enough?
Is Testing With A Screen Reader Enough?Is Testing With A Screen Reader Enough?
Is Testing With A Screen Reader Enough?
 
ATIA Workshop - iOS Accessibility
ATIA Workshop - iOS AccessibilityATIA Workshop - iOS Accessibility
ATIA Workshop - iOS Accessibility
 
Accessible Responsive Web Design
Accessible Responsive Web DesignAccessible Responsive Web Design
Accessible Responsive Web Design
 
Challenges with VPATs
Challenges with VPATsChallenges with VPATs
Challenges with VPATs
 
Accessible Web Content & Intellectual Disabilities
Accessible Web Content & Intellectual DisabilitiesAccessible Web Content & Intellectual Disabilities
Accessible Web Content & Intellectual Disabilities
 
eBook Accessibility Promises & Challenges
eBook Accessibility Promises & ChallengeseBook Accessibility Promises & Challenges
eBook Accessibility Promises & Challenges
 
2013 Accessibility Trends
2013 Accessibility Trends2013 Accessibility Trends
2013 Accessibility Trends
 
Introduction to WAI-ARIA
Introduction to WAI-ARIAIntroduction to WAI-ARIA
Introduction to WAI-ARIA
 
Usability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesUsability Testing for People w/ Disabilities
Usability Testing for People w/ Disabilities
 

Kürzlich hochgeladen

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
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
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
 
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
 
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
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan
 
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
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
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
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 

Kürzlich hochgeladen (20)

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
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
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
 
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
 
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
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Generative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information DevelopersGenerative AI for Technical Writer or Information Developers
Generative AI for Technical Writer or Information Developers
 
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
 
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfHyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdf
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
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
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 

Mobile Accessibility in WCAG 2.1 and Beyond

  • 1. Mobile Accessibility in WCAG 2.1 and Beyond KATHLEEN WAHLBIN AND SHADI ABOU-ZAHRA 13/21/2018
  • 2. Mobile Landscape Changed the way people are consuming information 2 All ages are using mobile Using one handed Using touch screens Situations where we have busy eyes and hands Out in bright light In noisy, public spaces 3/21/2018
  • 3. W3C Mobile Accessibility Task Force Task Force of the W3C AG Working Group Exploring improvements for mobile space ◦ Analysis of user needs and existing resources ◦ Proposed new Success Criteria for WCAG 2.1 ◦ Input for future work on WCAG 2.2(?), Silver, … 3/21/2018 3
  • 4. Mobile Accessibility Policies US Section 508: WCAG 2.0 Europe: EN 301 549 v2.1 (in development, currently WCAG 2.1 CR without “At Risk”) Other local developments with risk of standards fragmentation 3/21/2018 4
  • 5. Mobile Accessibility in WCAG 2.1 CR Candidate Recommendation Draft from 30 January 2018: ◦ w3.org/TR/WCAG21 Comments until 30 March Session on WCAG 2.1 tomorrow at 8:00am in this same room 3/21/2018 5
  • 6. WCAG 2.1 All of WCAG 2.0 5 New SCs at Level A 7 New SCs at Level AA 5 New SCs at Level AAA 3/6/2015 6
  • 7. New Mobile Requirements in WCAG 2.1 Speech Input ◦ Character Key Shortcuts ◦ Label in Name Pointer ◦ Pointer Gestures ◦ Pointer Cancellation ◦ Target Size Input Methods ◦ Concurrent Input Mechanisms ◦ Motion Actuation Device Settings ◦ Orientation Status Changes 3/21/2018 7
  • 8. New in WCAG 2.1: Conformance Note 5.2.2 Full Pages: Note 3 A full page includes each variation of the page that is automatically generated by the page for various screen sizes. Each of these variations needs to conform (or needs to have a conforming alternate version) in order for the entire page to conform. 3/21/2018 8
  • 9. New in WCAG 2.1: Pointer Gestures 2.5.1 Pointer Gestures All functionality that uses multipoint or path- based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential. 3/21/2018 9
  • 10. New in WCAG 2.1: Pointer Cancellation 2.5.2 Pointer Cancellation For functionality that can be operated using a single pointer, at least one of the following is true: ◦No Down Event: […] ◦Abort or Undo: […] ◦Up Reversal: […] ◦Essential: […] 3/21/2018 10
  • 11. New in WCAG 2.1: Target Size 2.5.3 Target Size The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when: ◦ Equivalent - The target is available through an equivalent link or control on the same page that is at least 44 by 44 CSS pixels; ◦ Inline - The target is in a sentence or block of text; ◦ User Agent Control - The size of the target is determined by the user agent and is not modified by the author. ◦ Essential - A particular presentation of the target is essential to the information being conveyed 3/21/2018 11
  • 12. New in WCAG 2.1: Non-Text Contrast 1.4.11 Non-Text Contrast The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): ◦User Interface Components: […] ◦Graphical Objects: […] 3/21/2018 12
  • 13. Next Steps for Us Input Input to discussion on future guidelines Support Support the completion of WCAG 2.1 Complete Complete Understanding and Techniques Document Document implementations of new SCs 3/21/2018 13
  • 14. Next Steps for You Engage in Engage in future developments on “Mobile” Provide Provide comments on WCAG 2.1 CR Draft • GitHub: github.com/w3c/wcag21/issues/new • Email: public-agwg-comments@w3.org Implement Implement new WCAG 2.1 Success Criteria 3/21/2018 14

Hinweis der Redaktion

  1. All WCAG 2.0 (backward compatibility) 9 new success criteria from mobile taskforce Many of the other success criteria also apply to mobile