Your website content must also be fully accessible on a mobile devices, including screen reader users.
iOS and Android mobile devices both have built in screen readers for vision impaired users.
How to turn on VoiceOver on iOS
You can turn VoiceOver on by going to “Settings” > “General” > “Accessibility” > “VoiceOver”.
You can also access the VoiceOver tutorial, as well as the VoiceOver settings, from there as well.
How to turn on TalkBack on Android
To turn on TalkBack, go to the “Accessibility” option under “Settings.”
There’s also an option you can enable to toggle TalkBack on and off, along with a lot of other accessibility options.
Following are some mobile accessibility best practices
1 Provide easy tap/touch targets
Tap targets within an app should be big enough for people to interact with precision. Touch targets should be at least 9 mm high by 9 mm wide.Mobile applications should also position interactive elements where they can be easily reached regardless of how the device is held. Create a logical reading/tab order for screen reader users.
2 Provide sufficient color contrast
Extra attention must be paid to mobile devices when it comes to color contrast.
Mobile devices are more likely to be used outdoors, where glare from the sun could impact ability to see the screen.
Text legibility should be preserved by an adequate contrast between the font color and the background.
For WCAG 2.1 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.
3 Make it easy for users to enter data
Reduce the amount of text entry required by providing select menus, radio buttons, or check boxes, or by autofilling known information (e.g., date, time, location).