Accessibility Notes

It is important that we try to make our content as user friendly as we can. Here are some pointers that we should remember when designing, writing/ and building our pages to help our customers who are for example visually impaired or colour blind.

Images

Users can have difficulty understanding images that are not accompanied by a text description. Within the alt text try to:

  • Let the users know what the image is

  • What the image represents

  • If it is a link, and where the link will take you.

  • Where text is burnt into the image, write this in the alt text/ title tags of the image.

  • Don’t forget to add text to infographics.

 

Colour

Some users may find it hard to read content where there is not enough contrast between text and image. This can include:

  • Text overlay on a background image

  • Colours of text and background colour

  • Allow colours to contrast. Be wary of using yellow, blue and green close to one another. Black text on a white background is generally best practice, due to it being readable for most audiences.

  • Be sure to also distinguish blocks of content from one another using visual separation (such as whitespace or borders).

 

Links

Just like sighted users scan the page for linked text, visually-impaired users can use their screen readers to scan for links. So try to:

  • Properly describe where the link will go. Using “click here” is not considered descriptive, and is ineffective for a screen reader user.

  • The most unique content of the link should be presented first, as screen reader users will often navigate the links list by searching via the first letter.

  • Underline your links or make sure that there is a colour contrast between hyperlinked text and regular text, to help colour blind users find links.

 

Text

There should be enough space or the element should be able to grow, to allow users to enlarge font sizes by 3 times to help them view our content.