Accessibility

Overview

Accessibility means considering the diverse set of users who might interact with your project such as:

visually impaired

Users with disabilities, such as:
  • color blindness
  • visual impairment

keyboard input

Users that utilize different methods for input & navigation, for example:
  • Using only keyboards
  • Using voice
  • Using only the mouse
  • Touch screens

expert

Users with different levels of expertise
  • power users
  • novice

Guidelines

Allow for 'Undo' or reversing an action

Consider making your users feel more in control by enabling the ability to undo actions and not asking for confirmation where possible.

  • Additionally, separate critical actions from the non-critical ones
  • If reversing an action is not possible, consider adding constraints to prevent accidentally committing irreversible changes

sample of undo

Anticipate different levels of expertise of users

Keep in mind the following values:

  • efficiency (i.e. shortcuts/smart defaults for frequent users), and
  • learnability (i.e. tooltips for novice users)

Check for conformance with accessibility standards to ensure the content can be accessed by everyone

Consider keyboard shortcuts for frequent or repetitive tasks

Exception: when an action is critical or cannot be undone

Do not use color alone to convey hierarchy, content or functionality.

Design with additional cues like icons, underlines, borders, and patterns to support meaning.

colors alone

Ensure good contrast between text and background

Use black or dark grey text on white or light colour backgrounds. Use http://contrastchecker.com/ to test if your contrast passes 

Make sure your page titles describe the content of the page

  • Each page should have a unique title
  • For homepages, begin with the name of the site
  • For subpages, start with words that describe the content of the page
  • Keep it short (less than 69 characters)

Provide a site map for large sites (more than 50 pages)

Users may not immediately identify which part of your site the content they are looking for resides. A full site map allows them to quickly scan the site's contents.

Accessibility means considering the diverse set of users who might interact with your project such as:

visually impaired

Users with disabilities, such as:
  • color blindness
  • visual impairment

keyboard input

Users that utilize different methods for input & navigation, for example:
  • Using only keyboards
  • Using voice
  • Using only the mouse
  • Touch screens

expert

Users with different levels of expertise
  • power users
  • novice