SlideShare a Scribd company logo
1 of 31
Mobile Accessibility
IS MOBILE REALLY DIFFERENT THAN DESKTOP?
13/2/2017
Introductions
Shadi Abou-Zahra, W3C
Kim Patch, Restart Systems
Kathy Wahlbin, Interactive Accessibility
3/2/2017 2
What is Mobile Accessibility?
Primary question asked by the taskforce
Started by looking at the challenges faced by
users with disabilities using mobile devices
Looked at current WCAG 2.0 and evaluated the
applicability to mobile
3/2/2017 3
Question Also Asked by Policy Makers
US Section 508: WCAG 2.0
Europe: EN 301 549 + additional requirements
to be defined (WCAG 2.1?)
Other local developments with risk of standards
fragmentation
3/2/2017 4
Mobile
Landscape
Changed the way people are
consuming information
5
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/2/2017
What is Mobile?
Technology that
• Has touch screens, but increasingly supports
other input methods
• Usually smaller than laptops and desktops
• More portable
• Used in many more situations
3/2/2017 6
Mobile Accessibility Isn’t Just Mobile
Touch screens are on devices other than mobile
including traditional desktop, home
automation, car interfaces etc.
Devices come in all different sizes – small
screens are not limited to only mobile
Technology is used in many different situations
3/2/2017 7
Mobile Accessibility Task Force
Task force of WCAG working group
Determine what is important for mobile space
Drafted WCAG Success Criteria that may be
included in WCAG 2.1
WCAG 2.0 does apply and we are adding language
to the understanding documents and techniques
3/2/2017 8
2015: How WCAG 2.0 and Other
W3C/WAI Guidelines Apply to Mobile
First Public Working Draft
◦ http://www.w3.org/TR/mobile
-accessibility-mapping/
It doesn't set requirements
It doesn't replace WCAG 2.0
or WCAG 2.1
93/2/2017
Key Areas for Mobile Accessibility
1. Touch screens
2. Keyboard use on mobile
3. Device sensors and the impact on how users interact
(e.g. 3-D touch, device orientation etc.)
4. Small Screen Size
5. Impact of using device in many locations (e.g. glare)
6. Capabilities of devices including accessibility
features and assistive technology
3/2/2017 10
Gabi uses a screen reader with touch, and uses
dictation and Siri to more quickly enter content
and perform functions
She prefers to access content on her iPhone
Gets frustrated when the touch and gestures do
not work with screen reader
Understands where things are positioned on the
screen through the touch interface
Faces challenges with inaccessible content similar
to the desktop
Screen Reader: Meet Gabi
11
Joe has hand tremors from Parkinsons
Touching small areas of the screen is difficult
He often accidentally activates a control when
controls are close together
12
Touch: Meet Joe
Rebecca uses an external keyboard with her
Android tablet and prefers to use the onscreen
keyboard on her Android phone
She will often use touch, speech and keyboard to
access the content
She prefers the standard onscreen keyboard to
update based on the type of data that needs to be
entered
Keyboard: Meet Rebecca
13
Mark has light sensitivity and 20/200 vision
His device is set to large fonts, increased
contrast and he uses the zoom function
He has a hard time seeing the screen –
especially outside where there is a lot glare
To see the screen, Mark holds the device close
to his face and also relies the on text-to-speech
14
Reading Content: Meet Mark
Shawn uses a wheelchair and a head wand
His iPad is bolted onto the side of his wheelchair in
landscape orientation
He sets his device to remain in landscape
orientation because it would not be possible to
turn the device if the orientation were to change
Orientation: Meet Shawn
15
Joyce has repetitive strain injuries in her hands
that limit her keyboard, mouse and
touchscreen use.
She uses the speech button on her smart
phone to dictate texts and email
She uses her smart phone’s intelligent agent to
launch apps and search the web (e.g. “Launch
Editorial”, “Search the web for green apples”)
16
Speech: Meet Joyce
So, based on this research
we concluded…
3/2/2017 17
WCAG 2.0 Still Applicable
WCAG2ICT provides interpretations for “non-
web documents and software”
WCAG 2.1 to provide improvements
UAAG 2.0 relevant in some situations
“AG 3.0” may address broader context
3/2/2017 18
WCAG 2.1
First Public Working Draft published February 28, 2017
◦ https://www.w3.org/TR/WCAG21/
New success criteria submitted from low vision task force, cognitive
task force and mobile task force
◦ Everything is applicable to mobile
◦ Task force did not propose success criteria that would be addressed by Low
Vision or Cognitive task forces
◦ 10 new proposed success criteria specifically from mobile taskforce
◦ See proposed success criteria that did not make this first editors draft at
https://github.com/w3c/wcag21/issues
3/2/2017 19
2.1.4 Speech Input
Level A
All functionality of the content does not
obstruct a user’s ability to access the
commands through speech input.
3/2/2017 20
2.4.11 Single-key Shortcuts
Single-character shortcuts are not the only way
activate a control, unless a mechanism is
available to turn them off or remap them to
shortcuts with two or more characters.
3/2/2017 21
2.5.1 Target Size
Level A
The size of the target in relation to the visible display at the default viewport
size is at least:
◦ 44 px by 44 px for pointer inputs with coarse pointing accuracy (such as a
touchscreen)
◦ 22 px by 22 px for pointer inputs with fine pointing accuracy (such as a mouse,
trackpad or stylus)
where px is a CSS pixel when the page is using the device ideal viewport.
Except when a link or control:
◦ is not part of the primary purpose or function of the page OR
◦ has an alternative link/control whose target does meet the minimum size
requirements
3/2/2017 22
2.5.2 Pointer inputs with additional sensors
Level A
All pointer functionality can be operated using
screen coordinate information, without
requiring additional pointer sensor information.
3/2/2017 23
2.5.3 Touch with Assistive Technology
All functions available by touch are still available
by touch after platform assistive technology
that remaps touch gestures is turned on.
3/2/2017 24
2.5.4 Pointer Gestures
Level A
Functionality requiring complex or timed
pointer gestures or multi-pointer gestures can
also be operated with simple pointer gestures.
3/2/2017 25
2.6.1 Device Sensors
Level A
All functionality of the content can be operated
without requiring specific device sensor
information unless the device sensor is essential
for the function and not using it would
invalidate the activity.
3/2/2017 26
2.6.2 Orientation
Level AA
Content is not locked to a specific orientation,
and functionality of the content is operable in
all orientations, except where orientation is
essential for use of the content.
3/2/2017 27
3.2.6 Accidental Activation
Level A
For single-pointer activation, at least one of the following is
true:
◦ Activation is on the up event, either explicitly or implicitly as a
platform's generic activation/click event;
◦ A mechanism is available that allows the user to choose the up-
event as an option;
◦ Confirmation is provided, which can dismiss activation;
◦ Activation is reversible;
◦ Timing of activation is essential and waiting for the up-event would
invalidate the activity.
3/2/2017 28
3.2.8 Change of Content
Level AA
Programmatic notification is provided for each change of
content that indicates an action was taken or that conveys
information, unless one or more of the following is true:
◦ There is an accessibility supported relationship between the new
content and the control that triggers it.
◦ The user has been advised of the behavior before using the
component.
◦ There are more than 5 notifications per minute.
◦ The change of content is not a result of a user action AND not
related to the primary purpose of the page.
3/2/2017 29
How to Comment
File an issue in the W3C WCAG 2.1 Github
repository
◦File as new issues
◦One issue per discrete comment
Send email to public-agwg-comments@w3.org
Deadline: 31 March 2017
3/2/2017 30
Questions?
313/2/2017

More Related Content

What's hot

What's New in WCAG 2.1
What's New in WCAG 2.1What's New in WCAG 2.1
What's New in WCAG 2.1Jennifer Smith
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityRachel Cherry
 
Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingTechWell
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
Web accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityMedia Access Australia
 
WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
WCAG 2.1: What You Need to Know About the Most Recent Accessibility StandardsWCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
WCAG 2.1: What You Need to Know About the Most Recent Accessibility StandardsUXPA International
 
Implementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital StrategyImplementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital Strategy3Play Media
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"ecentricarts
 
Accessibility for hybrid mobile
Accessibility for hybrid mobileAccessibility for hybrid mobile
Accessibility for hybrid mobileBobby Bristol
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
 
Android app development ppt
Android app development pptAndroid app development ppt
Android app development pptsaitej15
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility GuidelinesPurnimaAgarwal6
 
Mobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best PracticesMobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best PracticesOXD
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
 
An Introduction to WAI-ARIA
An Introduction to WAI-ARIAAn Introduction to WAI-ARIA
An Introduction to WAI-ARIAIWMW
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibilityAGILEDROP
 
Desarrollo de aplicaciones empresariales con Java EE
Desarrollo de aplicaciones empresariales con Java EEDesarrollo de aplicaciones empresariales con Java EE
Desarrollo de aplicaciones empresariales con Java EEFernando Montaño
 

What's hot (20)

What's New in WCAG 2.1
What's New in WCAG 2.1What's New in WCAG 2.1
What's New in WCAG 2.1
 
Understanding and Supporting Web Accessibility
Understanding and Supporting Web AccessibilityUnderstanding and Supporting Web Accessibility
Understanding and Supporting Web Accessibility
 
Web and Mobile App Accessibility Testing
Web and Mobile App Accessibility TestingWeb and Mobile App Accessibility Testing
Web and Mobile App Accessibility Testing
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Web accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibilityWeb accessibility: it’s everyone’s responsibility
Web accessibility: it’s everyone’s responsibility
 
WCAG
WCAGWCAG
WCAG
 
WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
WCAG 2.1: What You Need to Know About the Most Recent Accessibility StandardsWCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Implementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital StrategyImplementing WCAG 2.2 into Your Digital Strategy
Implementing WCAG 2.2 into Your Digital Strategy
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
 
Accessibility for hybrid mobile
Accessibility for hybrid mobileAccessibility for hybrid mobile
Accessibility for hybrid mobile
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challenge
 
Android app development ppt
Android app development pptAndroid app development ppt
Android app development ppt
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility Guidelines
 
Mobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best PracticesMobile UI Design – User Centered Design and UI Best Practices
Mobile UI Design – User Centered Design and UI Best Practices
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Progressive web app
Progressive web appProgressive web app
Progressive web app
 
An Introduction to WAI-ARIA
An Introduction to WAI-ARIAAn Introduction to WAI-ARIA
An Introduction to WAI-ARIA
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Desarrollo de aplicaciones empresariales con Java EE
Desarrollo de aplicaciones empresariales con Java EEDesarrollo de aplicaciones empresariales con Java EE
Desarrollo de aplicaciones empresariales con Java EE
 

Viewers also liked

CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGMary Jo Mueller
 
So you want to be a wizard
So you want to be a wizardSo you want to be a wizard
So you want to be a wizardJulia Evans
 
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Ted Drake
 
Focus Management and Accessibility on iOS, Android, and HTML5
Focus Management and Accessibility on iOS, Android, and HTML5Focus Management and Accessibility on iOS, Android, and HTML5
Focus Management and Accessibility on iOS, Android, and HTML5Ted Drake
 
suzukishoten Jaws 201703 launch session
suzukishoten Jaws 201703 launch sessionsuzukishoten Jaws 201703 launch session
suzukishoten Jaws 201703 launch sessionkonbu_wakayama
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel
 
Design in Tech Report 2017
Design in Tech Report 2017Design in Tech Report 2017
Design in Tech Report 2017John Maeda
 
DigiRap International Photography Award Winners 2016: Special Theme Water(Col...
DigiRap International Photography Award Winners 2016: Special Theme Water(Col...DigiRap International Photography Award Winners 2016: Special Theme Water(Col...
DigiRap International Photography Award Winners 2016: Special Theme Water(Col...maditabalnco
 
SEO Campixx 2017 SEO Präsentation von Christian Tembrink
SEO Campixx 2017 SEO Präsentation von Christian TembrinkSEO Campixx 2017 SEO Präsentation von Christian Tembrink
SEO Campixx 2017 SEO Präsentation von Christian TembrinkChristian Tembrink
 
The future of digital healthcare
The future of digital healthcareThe future of digital healthcare
The future of digital healthcareKai Gait
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Olivier Andrieu
 
Mystery Meat 2.0 – Making hidden mobile interactions accessible
Mystery Meat 2.0 – Making hidden mobile interactions accessibleMystery Meat 2.0 – Making hidden mobile interactions accessible
Mystery Meat 2.0 – Making hidden mobile interactions accessibleTed Drake
 
2017 CSUN The Art of Language in Accessibility
2017 CSUN The Art of Language in Accessibility2017 CSUN The Art of Language in Accessibility
2017 CSUN The Art of Language in AccessibilityCrystal Baker
 
Architecture of Falcon, a new chat messaging backend system build on Scala
Architecture of Falcon,  a new chat messaging backend system  build on ScalaArchitecture of Falcon,  a new chat messaging backend system  build on Scala
Architecture of Falcon, a new chat messaging backend system build on ScalaTanUkkii
 
Assistive Wearables: Emerging Trends and Design Considerations
Assistive Wearables: Emerging Trends and Design ConsiderationsAssistive Wearables: Emerging Trends and Design Considerations
Assistive Wearables: Emerging Trends and Design ConsiderationsShaun Kane
 

Viewers also liked (20)

CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAGCSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
CSUN 2017 - ACT Now: Accessibility Conformance Testing for WCAG
 
Mobile Accessibility on the Move
Mobile Accessibility on the MoveMobile Accessibility on the Move
Mobile Accessibility on the Move
 
So you want to be a wizard
So you want to be a wizardSo you want to be a wizard
So you want to be a wizard
 
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
Accessibility metrics Accessibility Data Metrics and Reporting – Industry Bes...
 
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?
 
Focus Management and Accessibility on iOS, Android, and HTML5
Focus Management and Accessibility on iOS, Android, and HTML5Focus Management and Accessibility on iOS, Android, and HTML5
Focus Management and Accessibility on iOS, Android, and HTML5
 
suzukishoten Jaws 201703 launch session
suzukishoten Jaws 201703 launch sessionsuzukishoten Jaws 201703 launch session
suzukishoten Jaws 201703 launch session
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 
Accessible Responsive Web Design
Accessible Responsive Web DesignAccessible Responsive Web Design
Accessible Responsive Web Design
 
Design in Tech Report 2017
Design in Tech Report 2017Design in Tech Report 2017
Design in Tech Report 2017
 
DigiRap International Photography Award Winners 2016: Special Theme Water(Col...
DigiRap International Photography Award Winners 2016: Special Theme Water(Col...DigiRap International Photography Award Winners 2016: Special Theme Water(Col...
DigiRap International Photography Award Winners 2016: Special Theme Water(Col...
 
Challenges with VPATs
Challenges with VPATsChallenges with VPATs
Challenges with VPATs
 
SEO Campixx 2017 SEO Präsentation von Christian Tembrink
SEO Campixx 2017 SEO Präsentation von Christian TembrinkSEO Campixx 2017 SEO Präsentation von Christian Tembrink
SEO Campixx 2017 SEO Präsentation von Christian Tembrink
 
The future of digital healthcare
The future of digital healthcareThe future of digital healthcare
The future of digital healthcare
 
Job search facts (part 1)
Job search facts (part 1)Job search facts (part 1)
Job search facts (part 1)
 
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
Cocon, metamots et plus si affinités sémantiques. Seo campus-03-2017
 
Mystery Meat 2.0 – Making hidden mobile interactions accessible
Mystery Meat 2.0 – Making hidden mobile interactions accessibleMystery Meat 2.0 – Making hidden mobile interactions accessible
Mystery Meat 2.0 – Making hidden mobile interactions accessible
 
2017 CSUN The Art of Language in Accessibility
2017 CSUN The Art of Language in Accessibility2017 CSUN The Art of Language in Accessibility
2017 CSUN The Art of Language in Accessibility
 
Architecture of Falcon, a new chat messaging backend system build on Scala
Architecture of Falcon,  a new chat messaging backend system  build on ScalaArchitecture of Falcon,  a new chat messaging backend system  build on Scala
Architecture of Falcon, a new chat messaging backend system build on Scala
 
Assistive Wearables: Emerging Trends and Design Considerations
Assistive Wearables: Emerging Trends and Design ConsiderationsAssistive Wearables: Emerging Trends and Design Considerations
Assistive Wearables: Emerging Trends and Design Considerations
 

Similar to WCAG 2.1 Mobile Accessibility

User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesIRJET Journal
 
A SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USERA SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USERKristen Flores
 
Embedded Systems.pdf
Embedded Systems.pdfEmbedded Systems.pdf
Embedded Systems.pdfruvabebe
 
Community App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural InteractionCommunity App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural InteractionMike Taylor
 
Community App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural InteractionCommunity App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural InteractionMike Taylor
 
Guidelines for Android application design.pptx
Guidelines for Android application design.pptxGuidelines for Android application design.pptx
Guidelines for Android application design.pptxdebasish duarah
 
Tizen mobile design_guidelines
Tizen mobile design_guidelinesTizen mobile design_guidelines
Tizen mobile design_guidelinesSaima Ashiq
 
Hitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusionHitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusionJon Gibbins
 
Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020User Vision
 
SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012Smarcos Eu
 
Interactive Applications in .NET
Interactive Applications in .NETInteractive Applications in .NET
Interactive Applications in .NETAndrei Fangli
 
Mobile Application Project report
Mobile Application Project reportMobile Application Project report
Mobile Application Project reportChin2uuu
 
Mobile application Project report B.Tech Final year
Mobile application Project report B.Tech Final yearMobile application Project report B.Tech Final year
Mobile application Project report B.Tech Final yearChin2uuu
 
Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...eSAT Journals
 
Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...eSAT Publishing House
 
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEMAGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEMIJCSEA Journal
 
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEMAGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEMIJCSEA Journal
 
ACCESS_WP_GoNative_web
ACCESS_WP_GoNative_webACCESS_WP_GoNative_web
ACCESS_WP_GoNative_webPaul Plaquette
 
Augmented Reality Design of Indonesia Fruit Recognition
Augmented Reality Design of Indonesia Fruit Recognition Augmented Reality Design of Indonesia Fruit Recognition
Augmented Reality Design of Indonesia Fruit Recognition IJECEIAES
 

Similar to WCAG 2.1 Mobile Accessibility (20)

User Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile DevicesUser Interface Design for Web and Mobile Devices
User Interface Design for Web and Mobile Devices
 
A SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USERA SMART MOBILE APPS FOR BLIND USER
A SMART MOBILE APPS FOR BLIND USER
 
Embedded Systems.pdf
Embedded Systems.pdfEmbedded Systems.pdf
Embedded Systems.pdf
 
Community App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural InteractionCommunity App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural Interaction
 
Community App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural InteractionCommunity App for Promoting Cross-Cultural Interaction
Community App for Promoting Cross-Cultural Interaction
 
Guidelines for Android application design.pptx
Guidelines for Android application design.pptxGuidelines for Android application design.pptx
Guidelines for Android application design.pptx
 
Tizen mobile design_guidelines
Tizen mobile design_guidelinesTizen mobile design_guidelines
Tizen mobile design_guidelines
 
Hitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusionHitting a moving target: achieving mobile inclusion
Hitting a moving target: achieving mobile inclusion
 
Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020Mobile Accessibility Breakfast Briefing - Oct 2020
Mobile Accessibility Breakfast Briefing - Oct 2020
 
SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS Abstract Paper submitted to ICCHP 2012
 
Interactive Applications in .NET
Interactive Applications in .NETInteractive Applications in .NET
Interactive Applications in .NET
 
Worldkit System
Worldkit SystemWorldkit System
Worldkit System
 
Mobile Application Project report
Mobile Application Project reportMobile Application Project report
Mobile Application Project report
 
Mobile application Project report B.Tech Final year
Mobile application Project report B.Tech Final yearMobile application Project report B.Tech Final year
Mobile application Project report B.Tech Final year
 
Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...
 
Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...Log into android mobile to fetch the device oriented information using remote...
Log into android mobile to fetch the device oriented information using remote...
 
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEMAGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
 
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEMAGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
 
ACCESS_WP_GoNative_web
ACCESS_WP_GoNative_webACCESS_WP_GoNative_web
ACCESS_WP_GoNative_web
 
Augmented Reality Design of Indonesia Fruit Recognition
Augmented Reality Design of Indonesia Fruit Recognition Augmented Reality Design of Indonesia Fruit Recognition
Augmented Reality Design of Indonesia Fruit Recognition
 

More from Interactive Accessibility

More from Interactive Accessibility (11)

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 in WCAG 2.1 and Beyond
Mobile Accessibility in WCAG 2.1 and BeyondMobile Accessibility in WCAG 2.1 and Beyond
Mobile Accessibility in WCAG 2.1 and Beyond
 
ATIA Workshop - iOS Accessibility
ATIA Workshop - iOS AccessibilityATIA Workshop - iOS Accessibility
ATIA Workshop - iOS Accessibility
 
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
 

WCAG 2.1 Mobile Accessibility

  • 1. Mobile Accessibility IS MOBILE REALLY DIFFERENT THAN DESKTOP? 13/2/2017
  • 2. Introductions Shadi Abou-Zahra, W3C Kim Patch, Restart Systems Kathy Wahlbin, Interactive Accessibility 3/2/2017 2
  • 3. What is Mobile Accessibility? Primary question asked by the taskforce Started by looking at the challenges faced by users with disabilities using mobile devices Looked at current WCAG 2.0 and evaluated the applicability to mobile 3/2/2017 3
  • 4. Question Also Asked by Policy Makers US Section 508: WCAG 2.0 Europe: EN 301 549 + additional requirements to be defined (WCAG 2.1?) Other local developments with risk of standards fragmentation 3/2/2017 4
  • 5. Mobile Landscape Changed the way people are consuming information 5 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/2/2017
  • 6. What is Mobile? Technology that • Has touch screens, but increasingly supports other input methods • Usually smaller than laptops and desktops • More portable • Used in many more situations 3/2/2017 6
  • 7. Mobile Accessibility Isn’t Just Mobile Touch screens are on devices other than mobile including traditional desktop, home automation, car interfaces etc. Devices come in all different sizes – small screens are not limited to only mobile Technology is used in many different situations 3/2/2017 7
  • 8. Mobile Accessibility Task Force Task force of WCAG working group Determine what is important for mobile space Drafted WCAG Success Criteria that may be included in WCAG 2.1 WCAG 2.0 does apply and we are adding language to the understanding documents and techniques 3/2/2017 8
  • 9. 2015: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile First Public Working Draft ◦ http://www.w3.org/TR/mobile -accessibility-mapping/ It doesn't set requirements It doesn't replace WCAG 2.0 or WCAG 2.1 93/2/2017
  • 10. Key Areas for Mobile Accessibility 1. Touch screens 2. Keyboard use on mobile 3. Device sensors and the impact on how users interact (e.g. 3-D touch, device orientation etc.) 4. Small Screen Size 5. Impact of using device in many locations (e.g. glare) 6. Capabilities of devices including accessibility features and assistive technology 3/2/2017 10
  • 11. Gabi uses a screen reader with touch, and uses dictation and Siri to more quickly enter content and perform functions She prefers to access content on her iPhone Gets frustrated when the touch and gestures do not work with screen reader Understands where things are positioned on the screen through the touch interface Faces challenges with inaccessible content similar to the desktop Screen Reader: Meet Gabi 11
  • 12. Joe has hand tremors from Parkinsons Touching small areas of the screen is difficult He often accidentally activates a control when controls are close together 12 Touch: Meet Joe
  • 13. Rebecca uses an external keyboard with her Android tablet and prefers to use the onscreen keyboard on her Android phone She will often use touch, speech and keyboard to access the content She prefers the standard onscreen keyboard to update based on the type of data that needs to be entered Keyboard: Meet Rebecca 13
  • 14. Mark has light sensitivity and 20/200 vision His device is set to large fonts, increased contrast and he uses the zoom function He has a hard time seeing the screen – especially outside where there is a lot glare To see the screen, Mark holds the device close to his face and also relies the on text-to-speech 14 Reading Content: Meet Mark
  • 15. Shawn uses a wheelchair and a head wand His iPad is bolted onto the side of his wheelchair in landscape orientation He sets his device to remain in landscape orientation because it would not be possible to turn the device if the orientation were to change Orientation: Meet Shawn 15
  • 16. Joyce has repetitive strain injuries in her hands that limit her keyboard, mouse and touchscreen use. She uses the speech button on her smart phone to dictate texts and email She uses her smart phone’s intelligent agent to launch apps and search the web (e.g. “Launch Editorial”, “Search the web for green apples”) 16 Speech: Meet Joyce
  • 17. So, based on this research we concluded… 3/2/2017 17
  • 18. WCAG 2.0 Still Applicable WCAG2ICT provides interpretations for “non- web documents and software” WCAG 2.1 to provide improvements UAAG 2.0 relevant in some situations “AG 3.0” may address broader context 3/2/2017 18
  • 19. WCAG 2.1 First Public Working Draft published February 28, 2017 ◦ https://www.w3.org/TR/WCAG21/ New success criteria submitted from low vision task force, cognitive task force and mobile task force ◦ Everything is applicable to mobile ◦ Task force did not propose success criteria that would be addressed by Low Vision or Cognitive task forces ◦ 10 new proposed success criteria specifically from mobile taskforce ◦ See proposed success criteria that did not make this first editors draft at https://github.com/w3c/wcag21/issues 3/2/2017 19
  • 20. 2.1.4 Speech Input Level A All functionality of the content does not obstruct a user’s ability to access the commands through speech input. 3/2/2017 20
  • 21. 2.4.11 Single-key Shortcuts Single-character shortcuts are not the only way activate a control, unless a mechanism is available to turn them off or remap them to shortcuts with two or more characters. 3/2/2017 21
  • 22. 2.5.1 Target Size Level A The size of the target in relation to the visible display at the default viewport size is at least: ◦ 44 px by 44 px for pointer inputs with coarse pointing accuracy (such as a touchscreen) ◦ 22 px by 22 px for pointer inputs with fine pointing accuracy (such as a mouse, trackpad or stylus) where px is a CSS pixel when the page is using the device ideal viewport. Except when a link or control: ◦ is not part of the primary purpose or function of the page OR ◦ has an alternative link/control whose target does meet the minimum size requirements 3/2/2017 22
  • 23. 2.5.2 Pointer inputs with additional sensors Level A All pointer functionality can be operated using screen coordinate information, without requiring additional pointer sensor information. 3/2/2017 23
  • 24. 2.5.3 Touch with Assistive Technology All functions available by touch are still available by touch after platform assistive technology that remaps touch gestures is turned on. 3/2/2017 24
  • 25. 2.5.4 Pointer Gestures Level A Functionality requiring complex or timed pointer gestures or multi-pointer gestures can also be operated with simple pointer gestures. 3/2/2017 25
  • 26. 2.6.1 Device Sensors Level A All functionality of the content can be operated without requiring specific device sensor information unless the device sensor is essential for the function and not using it would invalidate the activity. 3/2/2017 26
  • 27. 2.6.2 Orientation Level AA Content is not locked to a specific orientation, and functionality of the content is operable in all orientations, except where orientation is essential for use of the content. 3/2/2017 27
  • 28. 3.2.6 Accidental Activation Level A For single-pointer activation, at least one of the following is true: ◦ Activation is on the up event, either explicitly or implicitly as a platform's generic activation/click event; ◦ A mechanism is available that allows the user to choose the up- event as an option; ◦ Confirmation is provided, which can dismiss activation; ◦ Activation is reversible; ◦ Timing of activation is essential and waiting for the up-event would invalidate the activity. 3/2/2017 28
  • 29. 3.2.8 Change of Content Level AA Programmatic notification is provided for each change of content that indicates an action was taken or that conveys information, unless one or more of the following is true: ◦ There is an accessibility supported relationship between the new content and the control that triggers it. ◦ The user has been advised of the behavior before using the component. ◦ There are more than 5 notifications per minute. ◦ The change of content is not a result of a user action AND not related to the primary purpose of the page. 3/2/2017 29
  • 30. How to Comment File an issue in the W3C WCAG 2.1 Github repository ◦File as new issues ◦One issue per discrete comment Send email to public-agwg-comments@w3.org Deadline: 31 March 2017 3/2/2017 30

Editor's Notes

  1. Sometimes the standard keyboard can be customized in device settings Sometimes additional custom keyboards can be installed Sometimes different virtual keyboards are available depending on data entry type
  2. Sometimes the standard keyboard can be customized in device settings Sometimes additional custom keyboards can be installed Sometimes different virtual keyboards are available depending on data entry type
  3. Sets practical limits on how much information people can view at once When magnification is needed there are best practices for helping users make the most of small screens Excessive paging and scrolling can inhibit users who have mobility issues
  4. Sometimes the standard keyboard can be customized in device settings Sometimes additional custom keyboards can be installed Sometimes different virtual keyboards are available depending on data entry type
  5. Sets practical limits on how much information people can view at once When magnification is needed there are best practices for helping users make the most of small screens Excessive paging and scrolling can inhibit users who have mobility issues
  6. Color contrast for icons and user interface controls, linearization Success criteria proposed for attention
  7. Do the new and proposed Success Criteria address current user needs for web content accessibility? Does conformance to the new and proposed Success Criteria seem achievable and testable? How well do the new and proposed Success Criteria fit with the existing Success Criteria from WCAG 2.0? How completely does the set of new and proposed Success Criteria address current user needs, particularly for users of touch- and small-screen mobile devices, users with low vision, or users with cognitive or learning disabilities? Is the impact of WCAG 2.1 on policies that reference WCAG 2.0 understandable and not disruptive?