zero·style

Dictionary entry

non-text contrast

View related-term graphUse in a brief
Was this helpful?
Graphic designCurated · verified

The requirement that important things that aren't words — button edges, icons, form-field borders, chart bars, focus outlines — stand out enough from what's around them for people with low vision to see and use them.

Synonyms

None recorded.

Related terms

In plain words

  • making sure buttons and icons, not just text, are easy to see
  • enough contrast on the shapes, not only the words

Usage example

The white input boxes on a white background failed non-text contrast because you couldn't see where to type.

Don't confuse with…

  • color contrast ratioColor contrast ratio usually refers to text against its background; non-text contrast applies the same idea to controls, icons, and other graphical parts.

Categories

  • Accessibility

Related-term graph

Two hops from non-text contrast — click a term to open its entry, or re-center the graph on it

Directly related

Two hops away

  • Relatednon-text contrast related of color-blind safe palette
  • Relatednon-text contrast related of color contrast ratio
  • Relatednon-text contrast related of focus indicator
  • Relatedcolor contrast ratio related of color-blind safe palette
  • Relatedcolor-blind safe palette related of color contrast ratio
  • Synonymcolor contrast ratio synonym of contrast ratio
  • Relatedfocus indicator related of keyboard navigation
  • Relatedcolor-blind safe palette related of non-text contrast
  • Relatedfocus indicator related of non-text contrast
  • Relatedcolor contrast ratio related of non-text contrast
  • Relatedfocus indicator related of reading order
  • Relatedcolor contrast ratio related of screen reader
  • Relatedfocus indicator related of skip link

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief