In order to facilitate better usability for those with visual/motor impairments, who rely on assistive technology, or are using older computers, make sure that:

Markup

  • Use semantic tags correctly. Purely presentational elements should be added through CSS whenever possible.
  • The .visually-hidden class also exists to hide text from the screen, but provide prompts for audio readers.

Color

  • Color is only used as an enhancer. Actions and prompts should be clearly labeled.
  • There should be high contrast between text color and background color.