What Does An Accessible Home Page Look Like?

A home page that is built with web accessibility in mind will include the following:

  • Clean, well-labeled navigation that can be used by a keyboard or mouse.
  • A 'skip to content' link that appears at the top of the page that, when selected, jumps to the main content of the page. This feature can be hidden but must be identifiable by screen readers.
  • Calls to action that are descriptive and easily identified . Instead of a call to action saying 'click here', inform the user why they should do so.
  • Descriptive text in the ALT attribute of image elements . It is also important to ensure images are complimented with content to deliver information.
  • Avoid "flashy" or "busy" effects. Whether through elaborate animations or flashing colours, busy effects can disorient users, especially those with visual impairments or cognitive disabilities. It is important to keep this in mind if your page uses parallax effects.
  • Use effective, contrasting colours. Grey text on a grey background, or text that is too small, will be difficult for many users to read.

*These guidelines are also important for each subsequent page of your website.