Helper text gives context about a field’s input, such as how the input will be used. It can adopt brand colors, but should be legible as determined by WCAG standards.


University of Michigan - Ann Arbor

- Helper text
- Selected Text
- Icons and Other symbols

Text Types

Material Design Documentation

Helper Text

To reflect brand, text selection can use an accent of your primary or secondary color.

Selected text should be legible against the selection color, and the selection color should contrast the background color. Alternatively, you can display outlines, motion, checkmark icons, or other text treatments to indicate selected text.

Selected Text

Icons and other elements don’t need to meet WCAG legibility standards, but should be as visible as possible to indicate function or communicate information.

Learn Before

Related