Princípios ADA inclusivos para acessibilidade de aplicativos móveis

Prévia do material em texto

Inclusive ADA Principles for 
Mobile App Accessibility
Presented May 12, 2021
Email: contact@usablenet.com
Presenters 
LUCA BOŠKIN, Senior UI/UX Designer at UsableNet
Luca Boškin is the Senior User Interface and User Experience Designer at UsableNet. He joined the 
company in 2014 as a designer with strong collaboration skills across multiple disciplines, from design 
research to web development to client services. 
JOSEPH DINERO, Assistive Technology Specialist at Helen Keller Services for the Blind
Joseph DiNero is an Assistive Technology Specialist at Helen Keller Services for the Blind, a nonprofit 
organization that offers a wide range of services and programs for people of all ages who are blind or have 
vision impairments. In his work at Helen Keller Services, Joe teaches people who are blind or visually 
impaired how to use assistive technology to aid them in becoming more independent. 
JASON TAYLOR, Chief Innovation Strategist at UsableNet
Jason C. Taylor is the Chief Innovation Strategist and Advisor to the UsableNet CEO with nearly 20 years of 
experience in usability and accessibility.
Let’s Answer the Following Questions:
What Are the Web Content Accessibility 
Guidelines (WCAG)?
How WCAG Apply to Mobile?
WCAG Are Organized Around Four Principles:
1. Perceivable
2. Operable
3. Understandable
4. Robust
Principle 1
Perceivable
Principle 1 – Perceivable
Example 1: Small Screen Size
Principle 1 – Perceivable
Example 2: Zoom/Magnification
pinch to zoom OS larger text
support
Principle 1 – Perceivable
Example 3a: Text Contrast
Principle 1 – Perceivable
Example 3b: Non-text Contrast
Principle 1 – Perceivable
Example 4: Changing Screen Orientation (Portrait/Landscape)
Principle 1 – Perceivable
Example 5: Provide Easy Method for Data Entry
Principle 2
Operable
Principle 2 – Operable
Example 1: Placing Buttons Where They Are 
Easy To Access
Principle 2 – Operable
Example 2: Keyboard Control for Touchscreen Devices
Principle 2 – Operable
Example 3: Touch Target Size and Spacing
Principle 2 – Operable
Example 4a: Touchscreen Gestures
Principle 2 – Operable
Example 4b: Touchscreen Gestures
Principle 2 – Operable
Example 5: Device Manipulation Gestures
scroll
up
scroll
down
standard scrolling tilt scrolling
Principle 2 – Operable
Example 6: Provide Mechanisms To Abort
or Undo the Action
Principle 3
Understandable
Principle 3 – Understandable
Example 1: Consistent Layout
Principle 3 – Understandable
Example 2: Positioning Important Page Elements
Before the Page Scroll
Principle 3 – Understandable
Example 3: Grouping Operable Elements That
Perform the Same Action
Principle 3 – Understandable
Example 4a: Provide Clear Indication That
Elements Are Actionable
Principle 3 – Understandable
Example 4b: Provide Clear Indication That
Elements Are Actionable
Principle 3 – Understandable
Example 5: Provide Instructions for Custom Touchscreen and
Device Manipulation Gestures
 
Principle 4
Robust
Principle 4 – Robust
Example 1: Set the Virtual Keyboard To the 
Type of Data Entry Required
Principle 4 – Robust
Example 2: Support the Characteristic Properties of 
the Platform
iOS Android
Download the PDF
WCAG Principles Applied to Mobile
Download the PDF
WCAG Principles Applied to Mobile
https://hubs.ly/H0qYJVQ0
Thank You
Contact@UsableNet.com
	Inclusive ADA Principles for Mobile App Accessibility
	Principle 1 Perceivable
	Principle 2 Operable
	Principle 3 Understandable
	Principle 4 Robust
	Download the PDF