Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A collection of accessibility resources for developers building GOV.UK

branch: master

Fetching latest commit…

Octocat-spinner-32-eaf2f5

Cannot retrieve the latest commit at this time

Octocat-spinner-32 README.md
README.md

a11y

A collection of accessibility resources for developers building GOV.UK

What follows is a quick "first pass" for what you should be thinking about when checking the accessibility of the things we're building for GOV.UK. There will be additional work beyond this to provide accessibility documentation for the Digital by Default Standard in 2013, but these will get you thinking about building accessibly from the beginning.

Layout

  • When you zoom in/out of the page, does the layout, design and/or content break visually? Increase text size in browser at least 200%, or use Zoom on a Mac.
  • Does the source order of the page (irrespective of visual layout) present information in a logical sequence?

Content

  • Is the page broken down into sections with a logical heading structure?
  • Does your content use straight forward language, expand acronyms the first time they’re used, and provide explanations for necessary jargon?
  • Does your link text make sense, especially when taken out of the context of the surrounding paragraph/page?
  • When using a <table>, are table headers included and marked up appropriately?

Contrast

Focus & Keyboard Access

  • When you navigate using the tab key, can you easily identify your current position on the page?
  • Can everything on the page be accessed or activated without a mouse?

Forms

  • Does every form field have a correctly associated <label>?
  • Are associated form items grouped in a fieldset?
  • Does your form have a clear call to action (submit button etc.)?

Alternative tools

  • Try the site in a screen reader? VoiceOver on the Mac and NVDA on Windows are both free, as is the ChromeVox Chrome extension. Does the content make sense when read through? Can you understand the function of the page and complete your task?
  • Try the site using a text-only browser such as Lynx - is the site structure still understandable?
Something went wrong with that request. Please try again.