SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Semelhante a 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
 

Semelhante a 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
 

Mais de Interactive Accessibility

Mais de 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
 

Último

🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century educationjfdjdjcjdnsjd
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024The Digital Insurer
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 

Último (20)

🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 

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

Notas do Editor

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