Components
Tag - Status - Accessibility tests
Test summary
The Design System team tested this component in isolation across a mix of browsers and assistive technologies
using the
To ensure accessibility, you must also test the Tag status component within your own product.
General tests
-
Content is presented in a logical order.
When you view and interact with the page or component, you find that content is presented in a meaningful sequence that supports comprehension and navigation.
- WEB-132
- WCAG 1.3.2 - Meaningful Sequence (Level A)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0 -
Content is available in both portrait and landscape orientations.
When you rotate your device, you see that content remains visible and functional in both portrait and landscape orientations.
- WEB-134
- WCAG 1.3.4 - Orientation (Level AA)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0 -
Text isn't presented as images.
When you view the component or page, you find that text is rendered as real text, not as an image of text.
- WEB-145
- WCAG 1.4.5 - Images of Text (Level AA)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0 -
Text remains readable when spacing is adjusted.
When you adjust text spacing (line spacing to 1.5x font size, letter spacing to 0.12x, word spacing to 0.16x), you find that no content or functionality is lost.
- WEB-1412
- WCAG 1.4.12 - Text Spacing (Level AA)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0
Screen reader tests
-
Screen readers don't announce decorative images.
When you navigate to a decorative image with a screen reader, you don't hear any information about the image.
- WEB-111-003
- WCAG 1.1.1 - Non-text content (Level A)
Environment Result Last tested macOS Safari/VoiceOver September 25, 2026
Version: 56.14.0Windows Chrome/JAWS September 25, 2026
Version: 56.14.0Windows Edge/NVDA September 25, 2026
Version: 56.14.0
Zoom tests
-
Content adapts to small screens and zoom.
When you zoom in 400% on a viewport that is 1280 pixels wide, you can see and interact with all content without needing to scroll both horizontally and vertically.
- WEB-1410
- WCAG 1.4.10 - Reflow (Level AA)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0
Visual tests
-
Color is not the only method used to convey information.
When you view the page or component, you find that anything shown by color is also communicated through another visual cue like shape or text.
- WEB-141
- WCAG 1.4.1 - Use of Color (Level A)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0 -
Text has sufficient contrast against its background.
When you use a contrast checker tool to compare the color of text against its background, you find that it has a contrast ratio of at least 4.5:1.
- WEB-143
- WCAG 1.4.3 - Contrast (Minimum) (Level AA)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0 -
Text resizes to 200% without loss of content or functionality.
When you increase text size up to 200%, all content remains visible and functional without needing to scroll both horizontally and vertically.
- WEB-144
- WCAG 1.4.4 - Resize Text (Level AA)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0 -
Icons have sufficient contrast against their background.
When you use a color contrast checker tool to compare the color of an icon against its background, you find it has a contrast ratio of at least 3:1.
- VADS-1411-001
- WCAG 1.4.11 - Non-text Contrast (Level AA)
Environment Result Last tested macOS Chrome September 25, 2026
Version: 56.14.0macOS Safari September 25, 2026
Version: 56.14.0Windows Chrome September 25, 2026
Version: 56.14.0Windows Edge September 25, 2026
Version: 56.14.0