Components

Tag

Let users quickly identify promotions, statuses, or categories.

Accessibility

Color alone is not used to convey meaning. When viewing a tag, you never have to rely on color alone to determine part of its meaning. (WCAG A) (1.4.1 Use of color)
Tag content meets color contrast requirements. When you use ANDI color contrast analyzer on a tag, the contrast between the text and background color is at least 4.5:1. (WCAG AA) (1.4.3 Contrast (Minimum))
Tag meets color contrast requirements against the content background. When you use ANDI color contrast analyzer on a tag, the contrast between the tag and surrounding background is at least 3:1. (WCAG AA) (1.4.11 Non-text contrast)