Mobile Accessibility
Mobile accessibility is the practice of designing and building smartphone and tablet apps so people with disabilities can perceive, understand, navigate, and operate them. It covers native, hybrid, and mobile-web interfaces, platform assistive technologies such as VoiceOver and TalkBack, and the same WCAG principles used on the wider web.
itMobile and client application development | OpenSkills.info
Course pathWalk it in order
Look it upDip in anytime
Go furtherLeaves this page
Don't Panic
Don't Panic - Mobile Accessibility
Mobile accessibility is the art of making sure a phone app still works when the person using it cannot rely on the same eyes, ears, fingers, or patience the mockups assumed. VoiceOver and TalkBack are not exotic add-ons. They are how many people read the accessibility tree your app already exposes, whether you meant to design that tree or not.
Before tiny screens and multi-touch, the same job lived on desktops with keyboards and browser semantics. Mobile did not invent accessibility. It did invent new ways to get it wrong: icon rows with no names, swipe-only deletes, orientation locks, and zoom that a viewport meta tag quietly disables.
Everything hangs off three ideas. First, assistive technology consumes name, role, state, and value, not your gradient. Second, WCAG is still the shared test language, with WCAG2ICT helping when the surface is native instead of a web page. Third, gestures and tiny targets are fine as shortcuts only when a boring, focusable alternative exists.
The surprise is how continuous this is with web work. Phones grow keyboards. Laptops grow touch. Responsive layouts blur the categories. W3C's mobile guidance keeps telling people to apply WCAG rather than wait for a separate mobile rulebook. The new criteria in 2.1 and 2.2 simply named pressures mobile teams already felt: orientation, reflow, pointer gestures, motion actuation, and a Level AA target-size floor.
If a control only works for a sighted index finger performing a secret handshake, it does not work yet.
What to open next: the Intro for the four-layer stack; the Cheatsheet when you need criterion IDs and prop names under pressure; Field Notes when you want the judgment calls scanners never make; the Quiz when you are ready to check whether "tree, not pixels" actually stuck.
Where this skill leads
Relevant careers
See how this topic contributes to broader role-level skill maps.
Sources
- https://www.w3.org/WAI/standards-guidelines/mobile/
Supports
- W3C WAI orientation that mobile accessibility builds on WCAG and related WAI guidelines
- Entry point linking mobile web, apps, and related resources
- https://www.w3.org/TR/mobile-accessibility-mapping/
Supports
- WCAG 2.0 principles applying to mobile web, hybrid, and native apps as informative guidance
- Continuum between desktop and mobile (touch laptops, external keyboards, responsive viewports)
- Small screen, zoom/magnification, contrast outdoors, non-linear layouts
- Keyboard control on touchscreen devices and related WCAG criteria
- Touch target size guidance including about 9 mm targets with spacing
- Touchscreen and device-manipulation gesture best practices and accessible alternatives
- Orientation, consistent layout, actionable affordances, and platform keyboard types
- https://www.w3.org/TR/WCAG22/
Supports
- WCAG 2.2 as guidance for accessible content on devices including mobile
- POUR principles and testable success criteria
- 1.3.4 Orientation, 1.4.3 Contrast, 1.4.4 Resize text, 1.4.10 Reflow
- 2.1.1 Keyboard, 2.4.3 Focus Order, 2.4.7 Focus Visible
- 2.5.1 Pointer Gestures, 2.5.2 Pointer Cancellation, 2.5.4 Motion Actuation
- 2.5.8 Target Size (Minimum) at Level AA and 2.5.5 Target Size at AAA in the 2.x line
- https://www.w3.org/TR/WCAG21/
Supports
- WCAG 2.1 Recommendation date and mobile-oriented success criteria additions
- 2.5.5 Target Size at Level AAA prior to 2.2's AA minimum
- https://www.w3.org/TR/WCAG20/
Supports
- WCAG 2.0 Recommendation as the baseline standard later mobile notes interpret
- https://www.w3.org/TR/wcag2ict/
Supports
- Applying WCAG to non-web ICT including native mobile applications
- https://www.w3.org/TR/wcag2ict-22/
Supports
- Updated WCAG2ICT guidance aligned with WCAG 2.2 for non-web technologies
- https://www.w3.org/TR/UAAG20/
Supports
- User agent accessibility expectations including mobile browsers
- https://www.w3.org/TR/ATAG20/
Supports
- Authoring tool accessibility guidance relevant to mobile authoring contexts
- https://www.w3.org/WAI/standards-guidelines/wcag/glance/
Supports
- Compact POUR summary used in the reference path
- https://www.w3.org/WAI/test-evaluate/
Supports
- Evaluation combining tools with knowledgeable human review
- https://developer.apple.com/accessibility/
Supports
- Apple platform accessibility resources for developers integrating with VoiceOver and system settings
- https://www.apple.com/accessibility/vision/
Supports
- VoiceOver as Apple's vision accessibility screen reader offering
- https://developer.android.com/guide/topics/ui/accessibility
Supports
- Android accessibility developer guidance for services and labeled UI
- https://support.google.com/accessibility/android/answer/6376570
Supports
- Accessibility Scanner as an on-device Android inspection aid
- https://github.com/google/Accessibility-Test-Framework-for-Android
Supports
- Automated checks that Android views expose usable information to accessibility services
- https://reactnative.dev/docs/accessibility
Supports
- React Native accessibility properties mapping to VoiceOver and TalkBack
- Platform differences between Android and iOS accessibility behavior
- Roles, states, values, hints, live regions, and related testing notes
- https://docs.flutter.dev/ui/accessibility-and-internationalization/accessibility
Supports
- Flutter semantics and accessibility documentation for mobile apps
- https://github.com/brunopulis/awesome-a11y
Supports
- Curated accessibility tools and assistive technology list used for Awesome Links discovery
- https://github.com/brunopulis/awesome-a11y/blob/master/topics/tools.md
Supports
- Specific tool entries including Appt, axe-core, Guidepup, eslint-plugin-jsx-a11y, TalkBack, VoiceOver
- https://github.com/sindresorhus/awesome
Supports
- Discovery index pointing at the Awesome Accessibility list
- https://appt.org/en
Supports
- Accessible app implementation guidance referenced from Awesome Accessibility
- https://overlayfactsheet.com/en/
Supports
- Awesome Accessibility disclaimer rejecting overlay-only approaches
- https://www.deque.com/axe/devtools/mobile/
Supports
- axe DevTools Mobile product positioning for native automated and guided checks
- https://developer.apple.com/documentation/xcode/accessibility-inspector
Supports
- Xcode Accessibility Inspector documentation for iOS accessibility attributes
- https://www.browserstack.com/app-accessibility-testing
Supports
- Cloud device accessibility testing for mobile apps
- https://www.evinced.com/products/mobile-sdk
Supports
- Evinced Mobile SDK as a commercial mobile accessibility detection product
- https://www.getstark.co/
Supports
- Design-time contrast and accessibility annotation tooling
