Skip to main content
Variations Accessibility

When using the brief on background colors, ensure there is proper contrast.

  • Brief must meet a 4.5:1 contrast.
  • AND, the brief border to container background must meet a 3:1 contrast.
  • If neither are met, then another background color should be chosen.

Messaging components have been reviewed for compliance with visual accessibility guidelines, but accessibility tool (AT) testing should be performed by those implementing them in code.

Display settings

Note: not all settings persist across pages

Default Compact (-1) Sparse (+1) XL (default) 2XL 3XL Default Min Max Light (default) System Dark Branded (default) Unbranded