This blog was initially published in August 2020 and updated in April 2024.
Mobile app accessibility generally refers to making native applications—programs installed directly on your device that you don't need to access through a web browser—accessible to people with disabilities who use smartphones and other connected devices to access content.
These apps aren't limited to apps you might download from the App Store or Google Play to your mobile phones and tablets.
They can also include apps on:
Ensuring these apps are accessible can make an incredible difference for members of the disability community.
To understand more about the specific challenges faced by screen reader users on mobile websites, you might find our related blog post, A Blind Person's Perspective on Mobile Accessibility in E-commerce, insightful. It delves into screen reader users' specific challenges on mobile clothing sites and offers a perspective on improving accessibility.
Compared with traditional websites, native apps give brands access to:
If that weren't enough, a recent report found that US app market revenue reached an all-time high in 2023 of $44.9B.
The power of mobile apps makes it all the more important to get app accessibility right.
However, companies have been slow to catch up, not realizing that apps fall under the ADA just like their websites do.
As of this writing, apps don’t have a comprehensive standard for accessibility like the web does with the Web Content Accessibility Guidelines (WCAG).
Despite this, companies are still being sued for inaccessible native apps, and the problem isn’t going away as apps continue to grow in popularity and capture more attention of plaintiff law firms.
For example, 25% of the 4,600 digital lawsuits filed in federal court in 2023 targeted a company that had been sued previously. Often, the second lawsuit targets the organization's mobile app accessibility.
This mobile application accessibility checklist details six inclusive design best practices for native apps.
We’ve aimed to distill the most critical elements for a native app designer or developer to focus on to ensure accessibility and usability.
Smaller screens and custom aspect ratios are hallmarks of mobile devices; designers need to account for them when building native apps.
A smaller screen limits how much information people can view at one time, especially when users need to magnify content due to poor vision.
Help users make the most of small screens by:
Higher resolution in mobile devices allows multiple interactive elements to be displayed together on a small screen. But these elements must be large and distanced enough so that users can easily target them by touch.
Tap targets within an app should be big enough for people to interact with precision and confidence, even when they have to perform tasks quickly.
Best practices for touch target size include:
Mobile applications should also position interactive elements where they can be easily reached regardless of how the device is held.
Developers should consider how an easy-to-use button placement for some users might cause difficulties for others (e.g., left- versus right-handed use, assumptions about thumb range of motion).
Tips for touch target placement include:
Most mobile devices can be operated primarily through gestures on a touchscreen.
These gestures can be simple (such as a one-finger tap) or complex (involving multiple fingers, multiple taps, and drawn shapes).
Gestures that control native apps should be as easy to execute as possible.
Complex gesture control can be particularly challenging for users with motor or dexterity impairments. Create alternatives using simple tap or swipe gestures instead of more complex ones.
Users should also be able to easily go back and make different selections in case of unintentional actions such as accidental clicking. For example, if a user swipes their finger on the wrong part of the screen, it should be simple to go back and access the correct interactive elements.
Customized gestures are sometimes used as an effective replacement for annoying confirmation dialogs. Users with disabilities may still benefit from these actions, so app designers should implement them as an alternative feature.
Components that repeat across screens in a mobile app should be presented in a consistent layout, with the same components and navigational elements appearing in similar locations and orientations across the app.
For example, a native app typically has a logo, a title, a search form, and a navigation bar. At the top of each page, these elements should appear in the same relative order and position. When the app is viewed on a smaller screen in portrait mode, the navigation bar might collapse into a single icon with a drop-down list, but the elements in that list are still in the same order.
Consistency is key to creating seamless cross-channel user experiences. It helps the user feel comfortable and in control while executing tasks, including those that may start on one device and finish on another.
Data entry is another hallmark of mobile devices and native applications, in which users can enter information in various ways, including the on-screen keyboard, a bluetooth keyboard, and speech.
Typing can be slow and difficult for some users, but developers have a few ways to reduce the text entry required. Consider providing select menus, radio buttons or check boxes, or by autofilling known information (e.g., date, time, location).
Data sharing between apps and dictation also improve the overall app experience while helping prevent errors.
WCAG outlines general color contrast ratios acceptable for most users, but extra attention must be paid to mobile devices and applications.
Mobile devices are more likely to be used outdoors, where glare from the sun could impact users' ability to see the screen. Bad contrast can compound the challenges that people with reduced vision have when accessing content on mobile devices.
The legibility of text is achieved by having adequate contrast between the font color and the background.
For WCAG 2.2 AA compliance, text should have a color contrast ratio of at least 4.5:1 (larger text at least 3:1). Allowing different contrast ratios for larger text is useful because wider character strokes are easier to read at a lower contrast than narrower character strokes.
Incorporating these best practices is essential for creating inclusive and effective mobile applications. As you develop your accessibility strategy, remember to consider both your website and mobile apps.
Join our upcoming webinar, "The European Accessibility Act (EAA): Requirements for Compliance," to learn how the EAA will impact businesses providing products and services to the EU market. Gain insights into compliance strategies for mobile apps and other digital experiences. Register now to secure your spot!