Two websites can look exactly the same but one is accessible and the other isn’t.
If accessibility is not about the visual design, what is it about? Here are 5 features that distinguish an accessible website from an inaccessible one.
- The presentation of the content can be changed by the person visiting the site to suit their own needs. For example, a person using a screen reader can access the text content as audio; a person with dyslexia can change the font to one they find easier to read; a person with a hearing impairment can read a transcript of any audio on the site.
- Essential images on the website will have text labels; for example, the main site navigation might consist of a row of image buttons across the top of the page. For someone using a screen reader as long as those buttons have text labels attached to them (for example, using the alt attribute) then the navigation will be just be as accessible to them as it is to a sighted visitor.
- The page content will be well organised and use headings and sub-headings; and those headings and sub-headings will be organised logically. For example, the main heading on the page should be ‘marked up’ using H1, sub-headings should be ‘marked up’ using h2 – and headings below those will be ‘marked up’ as h3. Viewing only the headings on the page will give a clear indication of the topics on the page and how they relate to each other.
- Link text will make sense when read out of context. Many people use software tools to summarise web pages by showing just the links on the page. If all the links say , ‘read more’ or ‘click here’ then the visitor won’t know what to click because none of the links tell them where they will end up? A page that is accessible will have links that still make sense when read out of context, i.e. if all the links are just presented in a long list those links still make sense to a visitor.
Get in touch if you have any website accessibility questions you need answered or if you have feedback about this article.