The uptake of mobile websites and apps, means that we are doing more than ever before via our smart devices. No matter if we are reading, studying, shopping or using social media; gone are the days when we need to sit at a computer. What follows is some top tips to make your website and app accessible.
Include a clear and logical headings structure
Including a clear headings structure, means that everyone can identify the different sections of the page. Headings are of particular benefit to screen reader users, as shortcuts can be used to navigate the headings if needed. If no headings structure is available, it can take longer to find information on a web page or in an app.
Include clear link text and focus highlighting
A clear link text will enable users to identify what will happen when a link is selected. Links such as ‘click here’, or ‘read more’, are not clear examples of link text. Consider using ‘click here to find out more about DAC’ for example, or ‘read more about our services’ is a good solution. Including clear highlighting when users navigate through a series of links is a good solution for low-vision users moving forward.
Avoid relying on colour alone to convey information
If a form is submitted with mistakes, a clear error handling process should be used. If items for correction are marked in red for example, screen reader users will not be aware of what is required. Including focus to the error messages will be a good work around for this.