Assistive technology: Operating System and Browser Accessibility Display Modes – The A11Y Project

Assistive technology

Operating System and Browser Accessibility Display Modes

Table of Contents

Most computers, laptops, tablets, smartphones, and web browsers have specialized tools to help people read and take action on the content they display. Some of these tools are display modes, which are pre-defined visual configurations you can tell your device to use.

Five such modes are Dark Mode, Increased Contrast Mode, Inverted Colors Mode, Reduced Motion Mode, and High Contrast Mode. Following is an explanation of each of these mode, who can benefit from it, how to enable it on your device or browser (if supported), and how to work with it in code.

Dark Mode

The User Interfaces (UI) that make up most Operating Systems (OSes) traditionally use lighter colors like white and light grays. Dark Mode is a toggle that instructs this UI to use darker colors, typically black and dark grays.

It is helpful for:

  • People who want to reduce eye strain in a low or no light environment,
  • and/or who have certain low vision or photosensitive conditions.

An example of a situation where Dark Mode could be useful is checking your phone in bed with the lights off.

What it affects

Dark Mode will update [...]

Read article at a11yproject.com

Article Taxonomies

Categories: