Website Accessibility

Website accessibility is concerned with making websites accessible to all. People with disabilities should not be discriminated against. An accessible website needs to be designed and built with accessibility in mind.

The Equality Act 2010 and Websites

The Equality Act 2010 is legislation to legally protect people from discrimination in many scenarios, including websites that provide services. Prior to 2010, the Disability Discrimination Act 1996 (DDA) legislation included similar requirements for websites.

Please note that we are not lawyers and this post does not constitute legal advice.

Why Should you Comply?

The Equality Act is the law and therefore it is best to ensure your website complies. If you don’t comply, you could face legal issues. In addition there could be damage to your reputation and trust.

As well as complying with the law, there are other benefits. This includes making your website more usable to people without disabilities, as well as improvements to device compatibility and potential improved search engine ranking.

Website Accessibility Levels

The World Wide Web Consortium (W3C) have produced Web Content Accessibility Guidelines (WCAG) that are a shared standard for web content accessibility. WCAG 2.1 is the current standard and each guideline has three levels of compliance – ‘A’ (the lowest), ‘AA’, and ‘AAA’ (the highest). For a website to comply with the Equality Act, the government haven’t stated a WCAG level – however the consensus is that at least level ‘A’ should be achieved. ‘AA’ is a higher level, which many websites aim to comply with and is required for public sector websites. ‘AAA’ is very high and significant effort is required to fully comply.

Key Areas of WCAG and Examples of Compliance

The four key areas of the WCAG are listed below, with the top level guidelines for each. Beside each top level guideline, we have included an example of level ‘A’ compliance for a sub-guideline. Please note – most categories have several sub-guidelines that you’d need to comply with.

Perceivable

  1. Text alternatives – Ensure images have ‘alt’ text.
  2. Time-based media (e.g. audio/video) – If video is used, provide a text based equivalent of that information.
  3. Adaptability – Use H1 to H6 to identify headings.
  4. Distinguishable – Ensure that information conveyed by colour is also available in text.

Operable

  1. Keyboard Accessible – Make sure the website is usable with a keyword.
  2. Enough Time – Ensure there are controls to stop moving or blinking content
  3. Seizures and Physical Reactions – Do not use anything that flashes more than three times in a one second period.
  4. Navigable – Ensure links can be determined from the link text alone – i.e. Don’t use ‘Click here’!
  5. Input Modalities – Allow navigation with a single point – e.g. don’t require multipoint gestures

Understandable

  1. Readable – Ensure the language of the website is specified in the mark-up
  2. Predictable – Don’t perform actions on focus – e.g. do instead with button click
  3. Input Assistance – If an input error occurs, clearly identify this to the user in text

Robust

  1. Compatible – Ensure the HTML mark-up can be correctly passed – e.g. has proper start and end tags.

Next Steps

If you’ve already got a website, it’s worth checking your level of accessibility compliance. As part of our website review service, we include checking aspects of accessibility. In addition we can perform a bespoke accessibility compliance review and assist with fixes if required. Please contact us to discuss further.