Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility...

24
Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech

description

Recent DOJ Settlements H&R Block (March, 2014) Peabod Groceries (Nov., 2014) edX (April, 2015) Carnival’s Cruise Ships (July, 2015)

Transcript of Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility...

Page 1: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Fortune 500 Apps Smackdown

John RempelQuality Control & Training

Specialist

AMAC Accessibility Solutions & Research Center

atGeorgia Tech

Page 2: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

LEGAL

The Law related to Mobile Accessibility

Page 3: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Recent DOJ Settlements

•H&R Block (March, 2014)•Peabod Groceries (Nov., 2014)•edX (April, 2015)•Carnival’s Cruise Ships (July, 2015)

Page 4: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Overview of DOJ Settlements

• High Profile Settlements• Requirements–WCAG 2.0 (Level AA) Applied–Web Accessibility, which

includes captioning–Mobile Accessibility–Appoint Web Accessibility

Coordinator–Adopt Web Accessibility

Policy

Page 5: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Section 508

• 1998 Amendment to the United States Workforce Rehabilitation Act of 1973, a federal law mandating that all electronic and information technology developed, procured, maintained, or used by the federal government be accessible to people with disabilities.

Page 6: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Section 255

• Requires telecommunications products and services to be accessible to people with disabilities

Page 7: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Section 508 Refresh (ICT Refresh)

• Proposed Rule released Feb. 18, 2015• United States Access

Board Updating ICT Covered by Section 508 and Section 255• Harmonization of

Standards with WCAG 2.0

Page 8: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

WCAG 2.0

• Part of a series of web accessibility guidelines published in 2008 by the Web Accessibility Initiative (WAI) of the World Wide Web Consortium (W3C), the main international standards organization for the internet.• Level A, AA, and AAA

Page 9: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Mobile Accessibility and WCAG 2.0

• Mobile Accessibility Mapped to P.O.U.R.

• Designed to be forward looking

• Some aspects it couldn’t anticipate

Page 10: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

More than Just Phones & Tablets

• Car interfaces• Videogame

controllers• Smart watches• Emerging Markets

Page 11: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Mobile More Imporant Than Ever Before

• Noisy Spaces• Using One Hand• Outdoor use in

bright light• Small-sized

touchscreens• Multitasking-

Driving or Walking• All Ages Using

Mobile

Page 12: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Testing with Mobile Devices

• Use Latest Operating System when Possible

• Apple: iOS 9.1 used for today’s demonstration

• Android: Pair Google’s Nexus with Latest OS

Page 13: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Functional Differences Between iOS & Android

• iOS• Closed Architecture = Predictability• Stability• Hardware/Software Integration• OS updates pushed out simultaneously

• Android• Fragmentation of software and hardware• Many more devices on market• Commitment to accessibility not comparable

Page 14: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Common Mobile Assistive Technology

• Screen Reader• Magnifier• Color Settings• Text Settings• Captioning & Video

Description• LED/Vibration Alerts• Switch Control

Page 15: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

W3C First Public Working Draft(Mobile Accessibility Taskforce)

Page 16: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

UAAG 2.0

• UAAG 2.0 (User Agent Accessibility Guidelines)• Related to Mobile browsers and native apps• Reference for Mobile Accessibility• Provides guidance on mobile user interfaces• URL: http://www.w3.org/TR/UAAG20/

Page 17: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Perceivable

• 2.1 Small Screen Size• 2.2 Zoom/Magnification• 2.3 Contrast

Page 18: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Operable

• 3.1 Keyboard Control for Touchscreen Devices

• 3.2 Touch Target Size & Spacing

• 3.3 Touchscreen Gestures

• 3.4 Device Manipulation Gestures

• Placing buttons where they are easy to access

Page 19: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Understandable

• 4.1 Changing Screen Orientation• 4.2 Consistent Layout• 4.3 Positioning important page

elements before the page scroll• 4.4 Grouping operable elements

that perform same action• 4.5 Provide clear indication that

elements are actionable• 4.6 Provide instructions for

custom touchscreen and device manipulation gestures

Page 20: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Robust

• 5.1 Set virtual keyboard to type of data entry required

• 5.2 Provide easy methods for data entry

• 5.3 Support the characteristic properties of platform

Page 21: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Mobile AppsDemonstration

Page 22: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Fortune 500 Apps Under Review

• Walmart

• Target

• Home Depot

• Office Depot

• Wells Fargo

Page 23: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Mobile Accessibility Resources

• W3C Mobile Web Application Best Practiceshttp://www.w3.org/TR/mwabp/• W3C Wiki: New WCAG 2.0 Techniqueshttp://www.w3.org/TR/mwabp/http://www.w3.org/WAI/GL/mobile-a11y-tf/wiki/New_WCAG_2.0_Techniques• W3C Mobile Accessibility Task Forcehttp://www.w3.org/WAI/GL/mobile-a11y-tf/• BBC Mobile Accessibility Guidelineshttp://www.bbc.co.uk/guidelines/futuremedia/accessibility/mobile/about

Page 24: Fortune 500 Apps Smackdown John Rempel Quality Control & Training Specialist AMAC Accessibility Solutions & Research Center at Georgia Tech.

Mobile Accessibility Resources-2

• Paul Adam Site (Presentations)http://pauljadam.com/#/presentations

• AppleVishttp://applevis.com/

• Android Accesshttp://androidaccess.net/