SlideShare a Scribd company logo
1 of 60
Download to read offline
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCEIBM INTERACTIVE EXPERIENCE
MOBILE ACCESSIBILITY
BEST PRACTICES & TRENDS
Aidan Tierney
Senior Accessibility Consultant
IBM Interactive Experience
atierney@ca.ibm.com
Guelph Accessibility Conference - May 27, 2014
slideshare.net/aidantierney/
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
IBM Interactive Experience & Accessibility
 Accessibility consulting
– assessments
– remediation
– training
– corporate policy
– compliance and governance
 Customers include:
– banks, insurance companies,
provincial, federal government
 Contribute to technical accessibility
standards: WCAG & ARIA
 Participation in policy bodies
2
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
THE MOBILE LANDSCAPE
Circumstances and trends
relating to accessibility
Project team has no control over these
3
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Mobile: different experiences & technology
 Native
 Hybrid
 Mobile web apps
–Browser
•Responsive
•Specifically for mobile:
– ‘m dot’: e.g. m.hilton.com
4
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Native AppsNative Apps
Platform-specific.
High quality.
Code each platform.
More OS release
volatility.
Native Application
Device APIs
1001010101011101001010
0100101011101001001101
0101010100100100101111
0010011001010101001010
1010100101010101010101
0101011111100000101010
1010101001001010101010
1010001111010100011110
1010011101010111110010
1101111010001011001110
Mixed web and
native components.
Native services.
Native Shell
Web Native
Device APIs
<!DOCTY
PE html
PUBLIC
created
2003-12
</p>
</body>
</html>
1001010
1010111
0100101
0101010
1010010
0100101
1110010
0110010
Hybrid Apps - WebHybrid Apps - Web
Web app packaged
in native shell.
CSS skins.
Native services.
Native Shell
Web Code
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-1
<head><title>XYZ</title
</head>
</body>
</html>
Device APIs
Web AppsWeb Apps
HTML5,
JavaScript®.
CSS skins.
Develop faster.
Develop cheaper.
Result less powerful.
No native services.
Mobile Browser
Web Code
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-12 -
-
<head><title>XYZ</title>
</head>
<body>
</p>
</body>
</html>
Browser Access Downloadable Downloadable Downloadable
Mobile BrowserMobile Browser Hybrid Apps - WebHybrid Apps - Web Hybrid Apps-MixedHybrid Apps-Mixed Native AppsNative AppsNative AppsNative Apps
Platform-specific.
High quality.
Code each platform.
More OS release
volatility.
Native Application
Device APIs
1001010101011101001010
0100101011101001001101
0101010100100100101111
0010011001010101001010
1010100101010101010101
0101011111100000101010
1010101001001010101010
1010001111010100011110
1010011101010111110010
1101111010001011001110
Native Application
Device APIs
1001010101011101001010
0100101011101001001101
0101010100100100101111
0010011001010101001010
1010100101010101010101
0101011111100000101010
1010101001001010101010
1010001111010100011110
1010011101010111110010
1101111010001011001110
1001010101011101001010
0100101011101001001101
0101010100100100101111
0010011001010101001010
1010100101010101010101
0101011111100000101010
1010101001001010101010
1010001111010100011110
1010011101010111110010
1101111010001011001110
Mixed web and
native components.
Native services.
Native Shell
Web Native
Device APIs
<!DOCTY
PE html
PUBLIC
created
2003-12
</p>
</body>
</html>
1001010
1010111
0100101
0101010
1010010
0100101
1110010
0110010
Native Shell
Web Native
Device APIs
<!DOCTY
PE html
PUBLIC
created
2003-12
</p>
</body>
</html>
<!DOCTY
PE html
PUBLIC
created
2003-12
</p>
</body>
</html>
1001010
1010111
0100101
0101010
1010010
0100101
1110010
0110010
1001010
1010111
0100101
0101010
1010010
0100101
1110010
0110010
Hybrid Apps - WebHybrid Apps - Web
Web app packaged
in native shell.
CSS skins.
Native services.
Native Shell
Web Code
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-1
<head><title>XYZ</title
</head>
</body>
</html>
Device APIs
Native Shell
Web Code
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-1
<head><title>XYZ</title
</head>
</body>
</html>
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-1
<head><title>XYZ</title
</head>
</body>
</html>
Device APIs
Web AppsWeb Apps
HTML5,
JavaScript®.
CSS skins.
Develop faster.
Develop cheaper.
Result less powerful.
No native services.
Mobile Browser
Web Code
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-12 -
-
<head><title>XYZ</title>
</head>
<body>
</p>
</body>
</html>
Mobile Browser
Web Code
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-12 -
-
<head><title>XYZ</title>
</head>
<body>
</p>
</body>
</html>
<!DOCTYPE html PUBLIC
<html>
<! - - created 2003-12-12 -
-
<head><title>XYZ</title>
</head>
<body>
</p>
</body>
</html>
Browser Access Downloadable Downloadable Downloadable
Mobile BrowserMobile Browser Hybrid Apps - WebHybrid Apps - Web Hybrid Apps-MixedHybrid Apps-Mixed Native AppsNative Apps
Device APIs Device APIs Device APIs
Native, hybrids and browser
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Universal design, inclusive design
6
“The practice of making products that are inherently
accessible to all users, regardless of ability.” Android
“Products are simple, intuitive, and easy to use… So
every device not only has accessible features —
but accessible principles — built right in.” Apple
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Outlying use cases can become
fundamental requirements
7
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Disability types
 Blind
 Low Vision
 Colour Blind
 Mobility Impairment
 Deaf/Hard of Hearing
 Cognitive Impairment
 Seizure Disorders
8
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Situational and temporary disability
 Created by challenging environments
 No view of app (e.g. driving)
– Speech output
 Limited vision (e.g. dimly lit restaurant, bright sunlight)
– High contrast
– Screen magnification, zoom
 Cannot touch screen (e.g. cooking, driving)
– Speech input
 Cannot hear the audio track of video (e.g. noisy bar)
– Closed captions
– Visual or haptic feedback and notification
9
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
MOBILE PLATFORMS & DEVICES
10
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Mobile platform market share
11
Source: comScore 2014 Canada Digital Future in Focus
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Platform version adoption
88% iOS devices using iOS 7
Released September 2013
8.5% Android devices using KitKat
Released October 2013
12
Source: iOS Developer Program Source: Android Developer Dashboard
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
18: The number of iOS devices since 2007
 iPhone
– 8 models since launch
 iPad
– 5 models
 iPod Touch
–5 models
Source: Wikipedia
13
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
11,868: Android device fragmentation
14
Source: OpenSignal: Android Fragmentation Visualized
“We have seen 11,868 distinct devices download our app in the past few
months. In our report last year we saw 3,997” – OpenSignal, July 2013
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
ACCESSIBILITY FEATURES &
ASSISTIVE TECHNOLOGY
15
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Android Accessibility features
 TalkBack (screen reader)
 Captions
 Magnification gestures
 BrailleBack support
 Touch & hold delay
 Mono audio
 Explore by touch
 Change font size
 Support only available in
recent version of OS
16
Source: Google Android
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
iOS Accessibility features
Vision
 VoiceOver (screen reader)
 Siri
 Speak Selection
 Dictation
 Zoom
 Font Adjustments
 Invert Colors
 Braille display support
 Wireless Bluetooth
keyboard support
Deaf or hard of hearing
 FaceTime
 Closed Captions
 Mono Audio
 Visible and Vibrating Alerts
 Made for iPhone Hearing Aids
17
Source: Apple
Physical or motor challenges
 AssistiveTouch
 Siri
 Switch Control
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
WebAim survey of screen reader users
18
Primary Mobile Platform %
Apple iPhone, iPad, or iPod touch 65.2%
Android 16%
Nokia 14.3%
Windows Phone 0.3%
Blackberry 0.3%
Other 4%
Source: WebAim Survey of Screen Reader Users, 2014
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Mobile platform usage trend
19
Source: WebAim Survey 2014
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
iOS: Dominant platform for mobile AT
 Accessibility features and assistive technology
– Built into OS
– No special downloads or extra cost
– Updated with OS updates
– Experience consistent across the device
(Apple and 3rd party apps)
– Consistent with Mac OS features
 Extensive accessibility API
 Robust support for WAI-ARIA
20
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
STANDARDS
21
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
There is no agreed standard
 Ideally, app creators build to a standard
 Ideally, makers of the user agents support the
same standard
– User agent = browsers, devices, AT
 But this is not the case
– Speed of change
– Some of the major players aren’t too
interested in standards
22
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
WCAG & Mobile
• WCAG created before mobile was pervasive
• Primarily deals with a browser-based
experience
• Doesn’t address gestures and other changes
to interaction model
• Native apps are more like software than web
applications.
23
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
‘Official’ mobile development practices
 Mobile Web Best Practices 1.0 – (2008)
 Mapping between WCAG and MWBP
 Mobile Web Application Best Practices– (2010)
24
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Emerging mobile development practices
 BBC Mobile Accessibility Standards and
Guidelines
– Comprehensive and practical
– Code samples for web, iOS and Android
– Recommendations later in this presentation draw
on these
 Platform-specific guidance:
 Apple
 Android
25
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
CREATING ACCESSIBLE APPS
Practices a project team can often control
26
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
POLICIES FOR
MOBILE ACCESSIBILITY
Mostly for the enterprise, but even a small
project will need to address these topics
27
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Set the Standard
 Decide which standard the enterprise will meet
– Since there is no real standard, must define one
 Communicate mobile accessibility requirements across the
enterprise and to vendors
 Authorize someone to interpret and rule on accessibility
standards issues
 Create a process to check for conformance to the standard
 Create a clear exception process
– Accept that standard will never actually be met
– Define when and how apps will request exceptions and who
will approve them
28
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Target mobile platforms, devices and AT
 Decide which mobile platforms and devices to target
for accessibility support
– iOS and/or Android and which versions
– Which browser if a web app? Support varies
– Which devices
– Bluetooth keyboard support?
– Understand the accessibility (and limitations) of the
device, operating system, assistive technology
 Communicate decisions internally and to customers
 Focus effort where most benefit
 Remember it’s not only about screen readers!
29
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Testing: tools and methods
 Select, acquire and distribute testing tools
– Both developers an testers need these
 Create test practices that align with existing test
methods
 Create accessibility testing procedures
– Step by step instructions
– Pass/fail/exception
30
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Training
 Identify and address skills gaps
 New requirements require new skills
 Deliver targeted training based on role
31
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Compliance
 Compliance documents conformance to the
standard
 Compliance doesn’t always require 100%
conformance
 Where conformance is not met:
– Reasons why not
– Plans and timeline to address issues
– Sign-off from senior executive of business unit
 Communicate results internally, and with
government and the public as appropriate
32
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
INTERACTION DESIGN
33
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Personas
 If you currently use personas, include persons with
disabilities
 Disability is not what defines a user
 Consider their experience: power user or novice
 Disability may be situational or temporary
 Users may not always self-identify as disabled
 For more info see:
– AEGIS project personas
– Just Ask: Integrating Accessibility Throughout Design
34
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Interaction design process
 Inclusive design from the start
 Wireframe can communicate accessibility
requirements to designers & development team
– Roles of elements (button, checkbox)
– State (e.g. selected)
– Labels (including off-screen text)
 Assess wireframes for accessibility
 Document off-screen text
35
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Labels and controls
 Standard OS controls
– Custom controls often less accessible
– Use standard controls as intended
 Labels, inputs and instructions
– Set input types (e.g. phone, date, number)
– Indicate expected or default values
– Required or optional
– Labels close to control (important for low vision users)
– Portrait mode: label above control
– Landscape mode: label to the left of control
– Inside text field or drop down also effective
36
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Focus & context
 Focus or context should not automatically
change when a field is focused or on input
 Focus visible when expected
 Warn users when launching a browser or
another application (e.g. pdf)
37
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Zoom, resize & scroll
 Do not disable pinch zoom
 Do not block scrolling
 Use relative sizing for containers
38
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Feedback
 Notify screen reader users if the layout of a
screen changes
 Feedback must be provided for user action
 Provide time-out warnings or alternatives to
timeout
 Audio alerts need visual alternative (and/or
haptic)
39
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Navigation
 Back buttons must correctly move the users
back one step
 Use consistent and recognizable navigation
across related screens and between desktop,
web and mobile.
 Give screens a unique title
 For mobile web, give users options to switch
between full/mobile versions
40
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Alerts & pop-ups
 Use standard OS alerts where available
 Non system pop-ups should completely fit on
the screen, take focus properly, identify
themselves to screen readers.
41
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
VISUAL DESIGN
42
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Visual design
 Colour contrast ratio
– 7:1 recommended
 Target size
– min 9.6mm
 Indicate swipe areas
– Visual and audible clues so content is discoverable
 Tap symmetry
 Don’t use images of text
– Unless logos or other WCAG exceptions
43
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
CONTENT & LANGUAGE
44
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Consistent language across brand
 Language on app consistent with website
– Labelling, navigation, buttons
 Content team can own off-screen text
 Consistent and concise off-screen text
 Tooltips should not repeat link text or other
alternatives
45
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
DEVELOPMENT
46
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
App development process
 Provide clear requirements for build and testing
 Provision tools (e.g. Bluetooth keyboard), licenses
 Allow time for learning requirements, AT and tools
 Explain how and when to unit test for accessibility
 When in doubt code to spec not to fix AT quirks
 Connect developers with accessibility testers
 Determine an exception process
47
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Development practices
 Simple touch events triggered when touch is removed
from a control not when first touched
 Support alternative input methods to touch
– E.g. external keyboards
– Some users may use touch and keyboard
 Ensure elements are focusable and focus visible
 Communicate changes of state so that both sighted
and non-sighted users can perceive the change
– E.g. ,selected/not selected, delete/deleted, add/added
 Controls, elements, and objects must be properly
grouped and labeled
48
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Making an App Accessible in iOS SDK
 iOS Accessibility API and Tools
 The UI Accessibility Programming Interface
 Accessibility Attributes
– Label
– Traits
– Hint
– Frame
– Value
 Defining Custom Attribute Information in Interface Builder
 Debug Accessibility in iOS Simulator with the Accessibility
Inspector
 Test Accessibility on Your Device with VoiceOver
49
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
iOS SDK Interface Builder Inspector Pane
50
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
TESTING
51
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Unit testing for Accessibility
 Developers can do this
 Yes they can
 Most testing must be on the
devices and with AT, not a
simulator
 Apple Accessibility Inspector
 There are no automated tests for
mobile native at this time
 HTML syntax checking tools
52
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Acceptance testing for Accessibility
 Accessibility Verification Testing (AVT)
 Create custom test procedures
 Most testing must be on device, not a simulator
 Few options for automated testing
 Align with existing test methods but realize this differs
 Be realistic that not everything will pass
– user agent issues and bugs (browser, AT, device)
 Create a process to deal with non-conformance
53
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Usability testing
 Testing your app with users who have a
disability
 Can be informal
 Doesn’t have to be complicated
54
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
RESOURCES
55
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Platform agnostic standards & best practices
 BBC Mobile Accessibility Standards and Guidelines
 Mobile Web Best Practices 1.0
 Mapping between WCAG and MWBP
 Mobile Web Application Best Practices
 Research Report on Mobile Web Accessibility
56
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
iOS Accessibility resources
 Accessibility Programming Guide for iOS
 Designing for iOS 7
 Verifying App Accessibility on iOS
 Accessibility Inspector runs in iOS Simulator
 Debug Accessibility in iOS Simulator with the
Accessibility Inspector
57
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Android Accessibility resources
• Android Developer Resources for Accessibility
• Accessibility Developer Checklist
• Android Design Patterns for Accessibility
• Accessibility Testing Checklist
58
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
QUESTIONS & COMMENTS
59
© 2014 IBM Corporation
IBM INTERACTIVE EXPERIENCE
Contact information
Aidan Tierney
Senior Accessibility Consultant
IBM Interactive Experience
atierney@ca.ibm.com
slideshare.net/aidantierney/
ca.linkedin.com/in/aidantierney/
60
• ca.linkedin.com/in/aidantierney/

More Related Content

What's hot

Breaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an endBreaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an endHenny Swan
 
Web and mobile accessibility
Web and mobile accessibilityWeb and mobile accessibility
Web and mobile accessibilityHenny Swan
 
Usability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesUsability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesInteractive Accessibility
 
iOS and Android accessibility APIs (AccessU 2017)
iOS and Android accessibility APIs (AccessU 2017)iOS and Android accessibility APIs (AccessU 2017)
iOS and Android accessibility APIs (AccessU 2017)Jon Gibbins
 
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
 
Improving the Mobile Application User Experience (UX)
Improving the Mobile Application User Experience (UX)Improving the Mobile Application User Experience (UX)
Improving the Mobile Application User Experience (UX)TechWell
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experienceSameer Chavan
 
Introduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentIntroduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentÖzcan Zafer AYAN
 
Designing for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsDesigning for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsSameer Chavan
 
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Bala Subra
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application developmentSiva Kumar reddy Vasipally
 
Web2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design WorkshopWeb2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design Workshophenrikolsen123
 
Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)Autodesk
 
ARIA Techniques for Accessible Web Forms
ARIA Techniques for Accessible Web FormsARIA Techniques for Accessible Web Forms
ARIA Techniques for Accessible Web FormsAidan Tierney
 

What's hot (20)

Breaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an endBreaking silos - all bad things must come to an end
Breaking silos - all bad things must come to an end
 
Web and mobile accessibility
Web and mobile accessibilityWeb and mobile accessibility
Web and mobile accessibility
 
ATIA Workshop - iOS Accessibility
ATIA Workshop - iOS AccessibilityATIA Workshop - iOS Accessibility
ATIA Workshop - iOS Accessibility
 
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?
 
WCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile AccessibilityWCAG 2.1 Mobile Accessibility
WCAG 2.1 Mobile Accessibility
 
Mobile hci
Mobile hciMobile hci
Mobile hci
 
Challenges with VPATs
Challenges with VPATsChallenges with VPATs
Challenges with VPATs
 
Usability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesUsability Testing for People w/ Disabilities
Usability Testing for People w/ Disabilities
 
2013 Accessibility Trends
2013 Accessibility Trends2013 Accessibility Trends
2013 Accessibility Trends
 
iOS and Android accessibility APIs (AccessU 2017)
iOS and Android accessibility APIs (AccessU 2017)iOS and Android accessibility APIs (AccessU 2017)
iOS and Android accessibility APIs (AccessU 2017)
 
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
 
Improving the Mobile Application User Experience (UX)
Improving the Mobile Application User Experience (UX)Improving the Mobile Application User Experience (UX)
Improving the Mobile Application User Experience (UX)
 
Designing for mobile user experience
Designing for mobile user experienceDesigning for mobile user experience
Designing for mobile user experience
 
Introduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentIntroduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App Development
 
Designing for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & TabletsDesigning for Touch and Sensor for Mobiles & Tablets
Designing for Touch and Sensor for Mobiles & Tablets
 
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
 
01 01 - introduction to mobile application development
01  01 - introduction to mobile application development01  01 - introduction to mobile application development
01 01 - introduction to mobile application development
 
Web2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design WorkshopWeb2.0 Tablet Experience Design Workshop
Web2.0 Tablet Experience Design Workshop
 
Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)Designing for Tablet Experiences (Henrik Olsen)
Designing for Tablet Experiences (Henrik Olsen)
 
ARIA Techniques for Accessible Web Forms
ARIA Techniques for Accessible Web FormsARIA Techniques for Accessible Web Forms
ARIA Techniques for Accessible Web Forms
 

Viewers also liked

The 7 minute accessibility assessment and app rating system
The 7 minute accessibility assessment and app rating systemThe 7 minute accessibility assessment and app rating system
The 7 minute accessibility assessment and app rating systemAidan Tierney
 
Early prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviewsEarly prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviewsAidan Tierney
 
Accessibility Support Baseline: Balancing User Needs Against Test Effort
Accessibility Support Baseline: Balancing User Needs Against Test EffortAccessibility Support Baseline: Balancing User Needs Against Test Effort
Accessibility Support Baseline: Balancing User Needs Against Test EffortAidan Tierney
 
iOS VoiceOver Testing Techniques & Procedures for Absolute Beginners
iOS VoiceOver Testing Techniques & Procedures for Absolute BeginnersiOS VoiceOver Testing Techniques & Procedures for Absolute Beginners
iOS VoiceOver Testing Techniques & Procedures for Absolute BeginnersAidan Tierney
 
Accessibility microinteractions: better user experience, happier developers
Accessibility microinteractions: better user experience, happier developersAccessibility microinteractions: better user experience, happier developers
Accessibility microinteractions: better user experience, happier developersAidan Tierney
 
Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...
Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...
Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...November Samnee
 
iOS Accessibility Testing with VoiceOver - A Crash Course
iOS Accessibility Testing with VoiceOver - A Crash CourseiOS Accessibility Testing with VoiceOver - A Crash Course
iOS Accessibility Testing with VoiceOver - A Crash CourseAidan Tierney
 
CSUN 2017 Success Criteria: Dependencies and Prioritization
CSUN 2017 Success Criteria: Dependencies and PrioritizationCSUN 2017 Success Criteria: Dependencies and Prioritization
CSUN 2017 Success Criteria: Dependencies and PrioritizationSean Kelly
 
CSUN 2017 VPATs For Business or Measure
CSUN 2017 VPATs For Business or MeasureCSUN 2017 VPATs For Business or Measure
CSUN 2017 VPATs For Business or MeasureTed Gies
 
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
 
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
 
Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017
Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017
Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017Bill Tyler
 
Reusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibilityReusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibilityIntopia
 
Implementation of accessibility & wcag in india and the way forward
Implementation of accessibility & wcag in india and the way forwardImplementation of accessibility & wcag in india and the way forward
Implementation of accessibility & wcag in india and the way forwardBarrierBreak
 
CoderGirl &lt;inclusive>
CoderGirl &lt;inclusive>CoderGirl &lt;inclusive>
CoderGirl &lt;inclusive>November Samnee
 
#STLUX - Designing with Accessibility in MInd (March 14, 2014)
#STLUX - Designing with Accessibility in MInd (March 14, 2014)#STLUX - Designing with Accessibility in MInd (March 14, 2014)
#STLUX - Designing with Accessibility in MInd (March 14, 2014)November Samnee
 
How To Improve Communication Skill
How To Improve  Communication  SkillHow To Improve  Communication  Skill
How To Improve Communication SkillVijay Shinde
 
Introduction to Accessibility Best Practices
Introduction to Accessibility Best PracticesIntroduction to Accessibility Best Practices
Introduction to Accessibility Best Practicesshawtrusta11y
 
Best Practices for Web Accessibility
Best Practices for Web AccessibilityBest Practices for Web Accessibility
Best Practices for Web AccessibilityCarli Spina
 

Viewers also liked (20)

The 7 minute accessibility assessment and app rating system
The 7 minute accessibility assessment and app rating systemThe 7 minute accessibility assessment and app rating system
The 7 minute accessibility assessment and app rating system
 
Early prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviewsEarly prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviews
 
Accessibility Support Baseline: Balancing User Needs Against Test Effort
Accessibility Support Baseline: Balancing User Needs Against Test EffortAccessibility Support Baseline: Balancing User Needs Against Test Effort
Accessibility Support Baseline: Balancing User Needs Against Test Effort
 
iOS VoiceOver Testing Techniques & Procedures for Absolute Beginners
iOS VoiceOver Testing Techniques & Procedures for Absolute BeginnersiOS VoiceOver Testing Techniques & Procedures for Absolute Beginners
iOS VoiceOver Testing Techniques & Procedures for Absolute Beginners
 
Accessibility microinteractions: better user experience, happier developers
Accessibility microinteractions: better user experience, happier developersAccessibility microinteractions: better user experience, happier developers
Accessibility microinteractions: better user experience, happier developers
 
Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...
Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...
Designing with Accessibility in Mind: How IA and Visual Design Decisions Impa...
 
iOS Accessibility Testing with VoiceOver - A Crash Course
iOS Accessibility Testing with VoiceOver - A Crash CourseiOS Accessibility Testing with VoiceOver - A Crash Course
iOS Accessibility Testing with VoiceOver - A Crash Course
 
CSUN 2017 Success Criteria: Dependencies and Prioritization
CSUN 2017 Success Criteria: Dependencies and PrioritizationCSUN 2017 Success Criteria: Dependencies and Prioritization
CSUN 2017 Success Criteria: Dependencies and Prioritization
 
CSUN 2017 VPATs For Business or Measure
CSUN 2017 VPATs For Business or MeasureCSUN 2017 VPATs For Business or Measure
CSUN 2017 VPATs For Business or Measure
 
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
 
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...
 
Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017
Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017
Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 - CSUN 2017
 
Reusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibilityReusable acceptance criteria and test cases for accessibility
Reusable acceptance criteria and test cases for accessibility
 
Implementation of accessibility & wcag in india and the way forward
Implementation of accessibility & wcag in india and the way forwardImplementation of accessibility & wcag in india and the way forward
Implementation of accessibility & wcag in india and the way forward
 
CoderGirl &lt;inclusive>
CoderGirl &lt;inclusive>CoderGirl &lt;inclusive>
CoderGirl &lt;inclusive>
 
#STLUX - Designing with Accessibility in MInd (March 14, 2014)
#STLUX - Designing with Accessibility in MInd (March 14, 2014)#STLUX - Designing with Accessibility in MInd (March 14, 2014)
#STLUX - Designing with Accessibility in MInd (March 14, 2014)
 
Improve Communications in the Workplace
Improve Communications in the WorkplaceImprove Communications in the Workplace
Improve Communications in the Workplace
 
How To Improve Communication Skill
How To Improve  Communication  SkillHow To Improve  Communication  Skill
How To Improve Communication Skill
 
Introduction to Accessibility Best Practices
Introduction to Accessibility Best PracticesIntroduction to Accessibility Best Practices
Introduction to Accessibility Best Practices
 
Best Practices for Web Accessibility
Best Practices for Web AccessibilityBest Practices for Web Accessibility
Best Practices for Web Accessibility
 

Similar to Mobile Accessibility Best Practices & Trends

Mobile to Mainframe - En-to-end transformation
Mobile to Mainframe - En-to-end transformationMobile to Mainframe - En-to-end transformation
Mobile to Mainframe - En-to-end transformationSanjeev Sharma
 
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)gjuljo
 
Overview of Enterprise Mobility
Overview of Enterprise MobilityOverview of Enterprise Mobility
Overview of Enterprise MobilityYuvaraj Ilangovan
 
Ibm mobile first platform presentation refresh 05 18-mc
Ibm mobile first platform presentation refresh 05 18-mcIbm mobile first platform presentation refresh 05 18-mc
Ibm mobile first platform presentation refresh 05 18-mcSaranga Tripathy
 
IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013
IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013
IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013IBM Switzerland
 
IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...
IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...
IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...Nitin Gaur
 
Ibm mobile first briefing
Ibm mobile first briefingIbm mobile first briefing
Ibm mobile first briefingNitin Gaur
 
HTML5 Mobile Web Framework - High Level Design
HTML5 Mobile Web Framework - High Level DesignHTML5 Mobile Web Framework - High Level Design
HTML5 Mobile Web Framework - High Level DesignThanh Nguyen
 
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02Alexander Muse
 
IBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesIBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesGraham Churchill
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationLoic Ortola
 
Demystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART IDemystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART IRelayware
 
IBM MobileFirst Technical Overview
IBM MobileFirst Technical OverviewIBM MobileFirst Technical Overview
IBM MobileFirst Technical Overviewibmmobile
 
Nordics IBM Mobile Foundation Integration in Action
Nordics IBM Mobile Foundation Integration in ActionNordics IBM Mobile Foundation Integration in Action
Nordics IBM Mobile Foundation Integration in ActionIBM Danmark
 
What the App? : A Modernization Strategy for Your Business Applications
What the App? : A Modernization Strategy for Your Business ApplicationsWhat the App? : A Modernization Strategy for Your Business Applications
What the App? : A Modernization Strategy for Your Business ApplicationsJohn Head
 
1334823180665880 faqden mobile_capabilities
1334823180665880 faqden mobile_capabilities1334823180665880 faqden mobile_capabilities
1334823180665880 faqden mobile_capabilitiesjanmund88
 
2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSA2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSARoger Snook
 

Similar to Mobile Accessibility Best Practices & Trends (20)

Mobile to Mainframe - En-to-end transformation
Mobile to Mainframe - En-to-end transformationMobile to Mainframe - En-to-end transformation
Mobile to Mainframe - En-to-end transformation
 
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
IBM Bluemix on the go - Giulio Santoli (Mobility Hackathon)
 
Overview of Enterprise Mobility
Overview of Enterprise MobilityOverview of Enterprise Mobility
Overview of Enterprise Mobility
 
Ibm mobile first platform presentation refresh 05 18-mc
Ibm mobile first platform presentation refresh 05 18-mcIbm mobile first platform presentation refresh 05 18-mc
Ibm mobile first platform presentation refresh 05 18-mc
 
IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013
IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013
IBM MobileFirst and Case Studies_Frank Müller_IBM Symposium 2013
 
IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...
IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...
IBM MobileFirst - Agile Application Infrastructure New Paradigm for new Workl...
 
IBM MobileFirst Platform v7 Tech Overview
IBM MobileFirst Platform v7 Tech OverviewIBM MobileFirst Platform v7 Tech Overview
IBM MobileFirst Platform v7 Tech Overview
 
Ibm mobile first briefing
Ibm mobile first briefingIbm mobile first briefing
Ibm mobile first briefing
 
HTML5 Mobile Web Framework - High Level Design
HTML5 Mobile Web Framework - High Level DesignHTML5 Mobile Web Framework - High Level Design
HTML5 Mobile Web Framework - High Level Design
 
Marketing in the Age of Mobile
Marketing in the Age of MobileMarketing in the Age of Mobile
Marketing in the Age of Mobile
 
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
Mobileuidevchallengesinnovate2012a 120607124912-phpapp02
 
IBM Worklight for Digital Agencies
IBM Worklight for Digital AgenciesIBM Worklight for Digital Agencies
IBM Worklight for Digital Agencies
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile application
 
IBM Mobile First
IBM Mobile FirstIBM Mobile First
IBM Mobile First
 
Demystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART IDemystifying the Mobile Container - PART I
Demystifying the Mobile Container - PART I
 
IBM MobileFirst Technical Overview
IBM MobileFirst Technical OverviewIBM MobileFirst Technical Overview
IBM MobileFirst Technical Overview
 
Nordics IBM Mobile Foundation Integration in Action
Nordics IBM Mobile Foundation Integration in ActionNordics IBM Mobile Foundation Integration in Action
Nordics IBM Mobile Foundation Integration in Action
 
What the App? : A Modernization Strategy for Your Business Applications
What the App? : A Modernization Strategy for Your Business ApplicationsWhat the App? : A Modernization Strategy for Your Business Applications
What the App? : A Modernization Strategy for Your Business Applications
 
1334823180665880 faqden mobile_capabilities
1334823180665880 faqden mobile_capabilities1334823180665880 faqden mobile_capabilities
1334823180665880 faqden mobile_capabilities
 
2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSA2013 Good Design is Good Business mobile and RSA
2013 Good Design is Good Business mobile and RSA
 

Recently uploaded

IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 

Recently uploaded (20)

IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 

Mobile Accessibility Best Practices & Trends

  • 1. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCEIBM INTERACTIVE EXPERIENCE MOBILE ACCESSIBILITY BEST PRACTICES & TRENDS Aidan Tierney Senior Accessibility Consultant IBM Interactive Experience atierney@ca.ibm.com Guelph Accessibility Conference - May 27, 2014 slideshare.net/aidantierney/
  • 2. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE IBM Interactive Experience & Accessibility  Accessibility consulting – assessments – remediation – training – corporate policy – compliance and governance  Customers include: – banks, insurance companies, provincial, federal government  Contribute to technical accessibility standards: WCAG & ARIA  Participation in policy bodies 2
  • 3. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE THE MOBILE LANDSCAPE Circumstances and trends relating to accessibility Project team has no control over these 3
  • 4. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Mobile: different experiences & technology  Native  Hybrid  Mobile web apps –Browser •Responsive •Specifically for mobile: – ‘m dot’: e.g. m.hilton.com 4
  • 5. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Native AppsNative Apps Platform-specific. High quality. Code each platform. More OS release volatility. Native Application Device APIs 1001010101011101001010 0100101011101001001101 0101010100100100101111 0010011001010101001010 1010100101010101010101 0101011111100000101010 1010101001001010101010 1010001111010100011110 1010011101010111110010 1101111010001011001110 Mixed web and native components. Native services. Native Shell Web Native Device APIs <!DOCTY PE html PUBLIC created 2003-12 </p> </body> </html> 1001010 1010111 0100101 0101010 1010010 0100101 1110010 0110010 Hybrid Apps - WebHybrid Apps - Web Web app packaged in native shell. CSS skins. Native services. Native Shell Web Code <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-1 <head><title>XYZ</title </head> </body> </html> Device APIs Web AppsWeb Apps HTML5, JavaScript®. CSS skins. Develop faster. Develop cheaper. Result less powerful. No native services. Mobile Browser Web Code <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-12 - - <head><title>XYZ</title> </head> <body> </p> </body> </html> Browser Access Downloadable Downloadable Downloadable Mobile BrowserMobile Browser Hybrid Apps - WebHybrid Apps - Web Hybrid Apps-MixedHybrid Apps-Mixed Native AppsNative AppsNative AppsNative Apps Platform-specific. High quality. Code each platform. More OS release volatility. Native Application Device APIs 1001010101011101001010 0100101011101001001101 0101010100100100101111 0010011001010101001010 1010100101010101010101 0101011111100000101010 1010101001001010101010 1010001111010100011110 1010011101010111110010 1101111010001011001110 Native Application Device APIs 1001010101011101001010 0100101011101001001101 0101010100100100101111 0010011001010101001010 1010100101010101010101 0101011111100000101010 1010101001001010101010 1010001111010100011110 1010011101010111110010 1101111010001011001110 1001010101011101001010 0100101011101001001101 0101010100100100101111 0010011001010101001010 1010100101010101010101 0101011111100000101010 1010101001001010101010 1010001111010100011110 1010011101010111110010 1101111010001011001110 Mixed web and native components. Native services. Native Shell Web Native Device APIs <!DOCTY PE html PUBLIC created 2003-12 </p> </body> </html> 1001010 1010111 0100101 0101010 1010010 0100101 1110010 0110010 Native Shell Web Native Device APIs <!DOCTY PE html PUBLIC created 2003-12 </p> </body> </html> <!DOCTY PE html PUBLIC created 2003-12 </p> </body> </html> 1001010 1010111 0100101 0101010 1010010 0100101 1110010 0110010 1001010 1010111 0100101 0101010 1010010 0100101 1110010 0110010 Hybrid Apps - WebHybrid Apps - Web Web app packaged in native shell. CSS skins. Native services. Native Shell Web Code <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-1 <head><title>XYZ</title </head> </body> </html> Device APIs Native Shell Web Code <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-1 <head><title>XYZ</title </head> </body> </html> <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-1 <head><title>XYZ</title </head> </body> </html> Device APIs Web AppsWeb Apps HTML5, JavaScript®. CSS skins. Develop faster. Develop cheaper. Result less powerful. No native services. Mobile Browser Web Code <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-12 - - <head><title>XYZ</title> </head> <body> </p> </body> </html> Mobile Browser Web Code <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-12 - - <head><title>XYZ</title> </head> <body> </p> </body> </html> <!DOCTYPE html PUBLIC <html> <! - - created 2003-12-12 - - <head><title>XYZ</title> </head> <body> </p> </body> </html> Browser Access Downloadable Downloadable Downloadable Mobile BrowserMobile Browser Hybrid Apps - WebHybrid Apps - Web Hybrid Apps-MixedHybrid Apps-Mixed Native AppsNative Apps Device APIs Device APIs Device APIs Native, hybrids and browser
  • 6. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Universal design, inclusive design 6 “The practice of making products that are inherently accessible to all users, regardless of ability.” Android “Products are simple, intuitive, and easy to use… So every device not only has accessible features — but accessible principles — built right in.” Apple
  • 7. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Outlying use cases can become fundamental requirements 7
  • 8. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Disability types  Blind  Low Vision  Colour Blind  Mobility Impairment  Deaf/Hard of Hearing  Cognitive Impairment  Seizure Disorders 8
  • 9. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Situational and temporary disability  Created by challenging environments  No view of app (e.g. driving) – Speech output  Limited vision (e.g. dimly lit restaurant, bright sunlight) – High contrast – Screen magnification, zoom  Cannot touch screen (e.g. cooking, driving) – Speech input  Cannot hear the audio track of video (e.g. noisy bar) – Closed captions – Visual or haptic feedback and notification 9
  • 10. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE MOBILE PLATFORMS & DEVICES 10
  • 11. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Mobile platform market share 11 Source: comScore 2014 Canada Digital Future in Focus
  • 12. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Platform version adoption 88% iOS devices using iOS 7 Released September 2013 8.5% Android devices using KitKat Released October 2013 12 Source: iOS Developer Program Source: Android Developer Dashboard
  • 13. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE 18: The number of iOS devices since 2007  iPhone – 8 models since launch  iPad – 5 models  iPod Touch –5 models Source: Wikipedia 13
  • 14. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE 11,868: Android device fragmentation 14 Source: OpenSignal: Android Fragmentation Visualized “We have seen 11,868 distinct devices download our app in the past few months. In our report last year we saw 3,997” – OpenSignal, July 2013
  • 15. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE ACCESSIBILITY FEATURES & ASSISTIVE TECHNOLOGY 15
  • 16. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Android Accessibility features  TalkBack (screen reader)  Captions  Magnification gestures  BrailleBack support  Touch & hold delay  Mono audio  Explore by touch  Change font size  Support only available in recent version of OS 16 Source: Google Android
  • 17. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE iOS Accessibility features Vision  VoiceOver (screen reader)  Siri  Speak Selection  Dictation  Zoom  Font Adjustments  Invert Colors  Braille display support  Wireless Bluetooth keyboard support Deaf or hard of hearing  FaceTime  Closed Captions  Mono Audio  Visible and Vibrating Alerts  Made for iPhone Hearing Aids 17 Source: Apple Physical or motor challenges  AssistiveTouch  Siri  Switch Control
  • 18. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE WebAim survey of screen reader users 18 Primary Mobile Platform % Apple iPhone, iPad, or iPod touch 65.2% Android 16% Nokia 14.3% Windows Phone 0.3% Blackberry 0.3% Other 4% Source: WebAim Survey of Screen Reader Users, 2014
  • 19. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Mobile platform usage trend 19 Source: WebAim Survey 2014
  • 20. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE iOS: Dominant platform for mobile AT  Accessibility features and assistive technology – Built into OS – No special downloads or extra cost – Updated with OS updates – Experience consistent across the device (Apple and 3rd party apps) – Consistent with Mac OS features  Extensive accessibility API  Robust support for WAI-ARIA 20
  • 21. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE STANDARDS 21
  • 22. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE There is no agreed standard  Ideally, app creators build to a standard  Ideally, makers of the user agents support the same standard – User agent = browsers, devices, AT  But this is not the case – Speed of change – Some of the major players aren’t too interested in standards 22
  • 23. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE WCAG & Mobile • WCAG created before mobile was pervasive • Primarily deals with a browser-based experience • Doesn’t address gestures and other changes to interaction model • Native apps are more like software than web applications. 23
  • 24. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE ‘Official’ mobile development practices  Mobile Web Best Practices 1.0 – (2008)  Mapping between WCAG and MWBP  Mobile Web Application Best Practices– (2010) 24
  • 25. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Emerging mobile development practices  BBC Mobile Accessibility Standards and Guidelines – Comprehensive and practical – Code samples for web, iOS and Android – Recommendations later in this presentation draw on these  Platform-specific guidance:  Apple  Android 25
  • 26. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE CREATING ACCESSIBLE APPS Practices a project team can often control 26
  • 27. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE POLICIES FOR MOBILE ACCESSIBILITY Mostly for the enterprise, but even a small project will need to address these topics 27
  • 28. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Set the Standard  Decide which standard the enterprise will meet – Since there is no real standard, must define one  Communicate mobile accessibility requirements across the enterprise and to vendors  Authorize someone to interpret and rule on accessibility standards issues  Create a process to check for conformance to the standard  Create a clear exception process – Accept that standard will never actually be met – Define when and how apps will request exceptions and who will approve them 28
  • 29. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Target mobile platforms, devices and AT  Decide which mobile platforms and devices to target for accessibility support – iOS and/or Android and which versions – Which browser if a web app? Support varies – Which devices – Bluetooth keyboard support? – Understand the accessibility (and limitations) of the device, operating system, assistive technology  Communicate decisions internally and to customers  Focus effort where most benefit  Remember it’s not only about screen readers! 29
  • 30. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Testing: tools and methods  Select, acquire and distribute testing tools – Both developers an testers need these  Create test practices that align with existing test methods  Create accessibility testing procedures – Step by step instructions – Pass/fail/exception 30
  • 31. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Training  Identify and address skills gaps  New requirements require new skills  Deliver targeted training based on role 31
  • 32. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Compliance  Compliance documents conformance to the standard  Compliance doesn’t always require 100% conformance  Where conformance is not met: – Reasons why not – Plans and timeline to address issues – Sign-off from senior executive of business unit  Communicate results internally, and with government and the public as appropriate 32
  • 33. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE INTERACTION DESIGN 33
  • 34. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Personas  If you currently use personas, include persons with disabilities  Disability is not what defines a user  Consider their experience: power user or novice  Disability may be situational or temporary  Users may not always self-identify as disabled  For more info see: – AEGIS project personas – Just Ask: Integrating Accessibility Throughout Design 34
  • 35. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Interaction design process  Inclusive design from the start  Wireframe can communicate accessibility requirements to designers & development team – Roles of elements (button, checkbox) – State (e.g. selected) – Labels (including off-screen text)  Assess wireframes for accessibility  Document off-screen text 35
  • 36. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Labels and controls  Standard OS controls – Custom controls often less accessible – Use standard controls as intended  Labels, inputs and instructions – Set input types (e.g. phone, date, number) – Indicate expected or default values – Required or optional – Labels close to control (important for low vision users) – Portrait mode: label above control – Landscape mode: label to the left of control – Inside text field or drop down also effective 36
  • 37. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Focus & context  Focus or context should not automatically change when a field is focused or on input  Focus visible when expected  Warn users when launching a browser or another application (e.g. pdf) 37
  • 38. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Zoom, resize & scroll  Do not disable pinch zoom  Do not block scrolling  Use relative sizing for containers 38
  • 39. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Feedback  Notify screen reader users if the layout of a screen changes  Feedback must be provided for user action  Provide time-out warnings or alternatives to timeout  Audio alerts need visual alternative (and/or haptic) 39
  • 40. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Navigation  Back buttons must correctly move the users back one step  Use consistent and recognizable navigation across related screens and between desktop, web and mobile.  Give screens a unique title  For mobile web, give users options to switch between full/mobile versions 40
  • 41. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Alerts & pop-ups  Use standard OS alerts where available  Non system pop-ups should completely fit on the screen, take focus properly, identify themselves to screen readers. 41
  • 42. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE VISUAL DESIGN 42
  • 43. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Visual design  Colour contrast ratio – 7:1 recommended  Target size – min 9.6mm  Indicate swipe areas – Visual and audible clues so content is discoverable  Tap symmetry  Don’t use images of text – Unless logos or other WCAG exceptions 43
  • 44. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE CONTENT & LANGUAGE 44
  • 45. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Consistent language across brand  Language on app consistent with website – Labelling, navigation, buttons  Content team can own off-screen text  Consistent and concise off-screen text  Tooltips should not repeat link text or other alternatives 45
  • 46. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE DEVELOPMENT 46
  • 47. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE App development process  Provide clear requirements for build and testing  Provision tools (e.g. Bluetooth keyboard), licenses  Allow time for learning requirements, AT and tools  Explain how and when to unit test for accessibility  When in doubt code to spec not to fix AT quirks  Connect developers with accessibility testers  Determine an exception process 47
  • 48. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Development practices  Simple touch events triggered when touch is removed from a control not when first touched  Support alternative input methods to touch – E.g. external keyboards – Some users may use touch and keyboard  Ensure elements are focusable and focus visible  Communicate changes of state so that both sighted and non-sighted users can perceive the change – E.g. ,selected/not selected, delete/deleted, add/added  Controls, elements, and objects must be properly grouped and labeled 48
  • 49. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Making an App Accessible in iOS SDK  iOS Accessibility API and Tools  The UI Accessibility Programming Interface  Accessibility Attributes – Label – Traits – Hint – Frame – Value  Defining Custom Attribute Information in Interface Builder  Debug Accessibility in iOS Simulator with the Accessibility Inspector  Test Accessibility on Your Device with VoiceOver 49
  • 50. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE iOS SDK Interface Builder Inspector Pane 50
  • 51. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE TESTING 51
  • 52. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Unit testing for Accessibility  Developers can do this  Yes they can  Most testing must be on the devices and with AT, not a simulator  Apple Accessibility Inspector  There are no automated tests for mobile native at this time  HTML syntax checking tools 52
  • 53. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Acceptance testing for Accessibility  Accessibility Verification Testing (AVT)  Create custom test procedures  Most testing must be on device, not a simulator  Few options for automated testing  Align with existing test methods but realize this differs  Be realistic that not everything will pass – user agent issues and bugs (browser, AT, device)  Create a process to deal with non-conformance 53
  • 54. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Usability testing  Testing your app with users who have a disability  Can be informal  Doesn’t have to be complicated 54
  • 55. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE RESOURCES 55
  • 56. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Platform agnostic standards & best practices  BBC Mobile Accessibility Standards and Guidelines  Mobile Web Best Practices 1.0  Mapping between WCAG and MWBP  Mobile Web Application Best Practices  Research Report on Mobile Web Accessibility 56
  • 57. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE iOS Accessibility resources  Accessibility Programming Guide for iOS  Designing for iOS 7  Verifying App Accessibility on iOS  Accessibility Inspector runs in iOS Simulator  Debug Accessibility in iOS Simulator with the Accessibility Inspector 57
  • 58. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Android Accessibility resources • Android Developer Resources for Accessibility • Accessibility Developer Checklist • Android Design Patterns for Accessibility • Accessibility Testing Checklist 58
  • 59. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE QUESTIONS & COMMENTS 59
  • 60. © 2014 IBM Corporation IBM INTERACTIVE EXPERIENCE Contact information Aidan Tierney Senior Accessibility Consultant IBM Interactive Experience atierney@ca.ibm.com slideshare.net/aidantierney/ ca.linkedin.com/in/aidantierney/ 60 • ca.linkedin.com/in/aidantierney/