Skip to main content
Product Design

Accessible design is good design.

Users should find it easy and become proficient when using a design interface regardless of how they use the interface (equal access to the product or service).

Hand holding a mobile phone with accessibility icons in the background.

Accessibility Checklist

KEYBOARD

Some people may be using assistive technologies that may not allow for hovering or precise clicking. Check that your interface and content can be operated, and navigated by the use of a keyboard.

  • Make sure there is a visible focus style for interactive elements that are navigated via keyboard input.
  • Check to see that the keyboard focus order matches the visual layout.
  • Remove invisible focusable elements.

 

IMAGES

  • Make sure that all img elements have an alt attribute.
  • Make sure that decorative images use null alt (empty) attribute values.
  • Provide a text alternative for complex images such as charts, graphs, and maps.

 

HEADINGS

  • Use heading elements to introduce content.
  • Heading elements should be written in a logical sequence.
  • Heading elements should be written in a logical sequence.
  • Don’t skip heading levels.

 

FORMS

  • All inputs in a form are associated with a corresponding label element.
  • Use fieldset and legend elements where appropriate.
  • Inputs use autocomplete where appropriate.
  • Display form input errors above the form after submission.
  • Associate input error messaging with the input it corresponds to.
  • Make sure that interaction states are not communicated by colour alone.

A Collection of Pixels