Catering for people who are blind or vision impaired is easier than you might think, and is considered a mandatory project inclusion by most of our clients. 

Blind website users

A person who has a visual disability will not be able to read the screen or find the mouse - useful because it requires hand and eye coordination. Instead, this person must navigate the Web page using only the keyboard and screen readers.

Drupal caters for these users by providing the keyboard navigations as default and by providing you with the ability to add text equivalents for all non-text objects on the page. 

Tips for setting these up in your website are available in our Drupal handbook.

Visually impaired

People who are colour blind or who have low vision benefit from good contrasting colours in a website. When information is presented in a mix of colour, these people can miss the information. Additionally, users with low vision can struggle based on font style and size, contrast, depth, and the location of content. They often require hardware or software magnifiers to enlarge the text.

But you do not have to worry about these things, because we will cater for this in all the designs we do. 

In addition to the features above for screen reader users we also

  1. Run the website, while under contruction, through a colour test and alter any required colour contrasts
  2. Ensure the website is built to use the website visitors their own browser preferences, i.e. we use relative sizes (not exact sizes) for fonts or layouts so pages can resize
  3. Use valid HTML so third-party software can extract all the headers and links. 

 

What techniques do we use?

Our designers will, often in a subtle but effective way 

  1. discuss and understand your demographic to determine an appropriate level of accessibility

  2. implement your brand assets and colours in a way that complies with the desired level of accessibility

  3. ensure a minimum level of contrast between background and foreground colours, particularly text

  4. convert text embedded in images into HTML where possible

  5. transcribe images and illustrations so that they can be understood without seeing the image

  6. test our designs in greyscale to see if they are still effective with no colour

  7. use colour or style indicators to identify elements such as hyperlinks, visited links and accessibility controls

  8. use appropriate levels of whitespace to enhance readability and reduce clutter

  9. define image presets to automatically adjust uploaded images (such as cropping, darkening, desaturating etc...)

Are you colour blind?

Colour blindness affects more males than females and is thought to affect one in 20 people around the world - and the chances are that some people who are color-blind, aren't even aware of it.

Colour vision test example

 

This online test might help you find out whether or not you experience color differentiation problems.

 

If you are about to start a new website project or just want to audit your existing Drupal website for compliance, contact us today.

Share this content