Embed Size (px)
DESCRIPTION
An introduction to mobile accessibility for Mobile Monday, June 11, 2012
Citation preview
Henny Swan
Senior Usability and Accessibility Specialist, BBC
Inclusive and Accessible Mobile #MobA11y
Mobile and accessibility Diverse user model, age, technology,
temporary
Mobile is by defini9on disabling
Mobile is by defini9on enabling
USA 21st Century Communica9ons and Video Act
‘There are 62 million poten9ally disabled users in the UK’
Gareth Ford Williams, BBC
Mobile Accessibility Guidelines & techniques Coming soon
1. Support device capabiliEes Content
must not break device accessibility
Web and plaKorm specific controls should be used as intended
Accessibility features must be implemented in a way that is not mutually exclusive
Device specific guidelines should be followed
Device capability
2. AlternaEves Provide alterna9ves for content and func9onality: HTML: alt=“Description”!iOS: labels, hints and traits!
Android: android:contentDescription!
Hide non content and func9onality objects: HTML: alt=“”!iOS do not ‘Enable Accessibility’
Android do not make focusable via android:focusable !
Provide appropriate editorial
Alterna9ves
3. NavigaEon Provide consistent, recognisable naviga9on
Group related links: Tabindex=“-1”not supported a single link ahref is supported
Remove skip links on touch and mobile
Links
4. Structure Provide a logical focus order and content order
Use headings (H1 to H6), WAI ARIA Landmarks, HTML5 sec9oning elements
‘Accordion’ structure from desktop to mobile
Structure
Desktop
Structure
www.smashingmagazine.com
Mobile
Structure
Main naviga9on packed away
Heading structure collapsed
Banner, naviga9on landmarks can be removed
5. Touch Visual cues to help users navigate
Audible cues for voice output users
‘BBC Two'
No9fy screen readers of changes to layout
Provide enough ‘read-‐tap symmetry’
Touch targets should be large enough
BBC iPhone app for iPlayer
Touch
Talk is cheap
Screen reader tes9ng on mobile
There is no subs9tute for tes9ng with users with disabili9es on mobile
