A mobile-accessible website should be usable on smaller screens and support people with different abilities. Start by checking how people read, navigate and interact with your website on a phone or tablet.
1. Make content readable without zooming
Use text that remains legible on smaller screens and avoid layouts that require visitors to zoom or scroll horizontally to read normal content.
Check:
Body text
Headings
Buttons
Form labels
Navigation
2. Make buttons and links easy to use
Interactive elements should be large enough and sufficiently separated for people to select them accurately on a touchscreen.
Avoid placing several small links or buttons directly beside each other.
Also make sure the purpose of each link or button is clear.
3. Make navigation work on mobile
Test your mobile menu to ensure visitors can open it, navigate through it and close it.
If you use dropdown menus, check that they can be operated easily with touch and do not prevent visitors from reaching the relevant pages.
4. Make forms easy to complete
Test every important form on a mobile device.
Check that:
Labels are clear.
Fields are large enough to select.
Required fields are identified.
Error messages explain how to fix problems.
The form does not require unnecessary information.
5. Check colour and contrast
Make sure text and important interface elements remain distinguishable from their backgrounds.
Do not rely on colour alone to communicate information. WCAG provides specific requirements for contrast and other accessibility considerations.
6. Check images and media
Provide appropriate alternative text for meaningful images.
For video and other media, provide accessibility features where required, such as captions for spoken content.
7. Test with accessibility features
Use the accessibility features available on your phone, such as screen readers and text enlargement, to check whether important content and controls remain usable.
Also test the website using touch interaction rather than relying only on a desktop browser.

Salesforce

