Components

Tag accessibility tests

Any non-interactive USWDS tag component should pass these manual accessibility tests.

Passed WCAG 2.1 AA

Tag accessibility status

The USWDS team did 4 tests based on WCAG 2.1 AA success criteria.

Overview of recent accessibility test results:

Total tests	Passed	Passed with exceptions	Conditional	Failed
4	4	0	0	0

Overview of recent accessibility test results:

• Passed: 4
• Passed with exceptions: 0
• Conditional: 0
• Failed: 0

Test the tag in your project

USWDS tests components in isolation. You need to test the tag component in the context of your own site to ensure compliance with Section 508 accessibility standards.

Use the checklist below.

Follow the "how to test" instructions for each type of assistive technology.

Anyone can test for accessibility.

These quick manual tests don't require special equipment.

Tag accessibility checklist

• General tests
• Zoom magnification tests

General tests

Select passing tests

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
• USWDS test status: Passed
• Last test: v3.8.0

• USWDS test status:
  Passed
• Last test: v3.8.0

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)
• USWDS test status: Passed
• Last test: v3.8.0

• USWDS test status:
  Passed
• Last test: v3.8.0

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
• USWDS test status: Passed
• Last test: v3.8.0

• USWDS test status:
  Passed
• Last test: v3.8.0

Zoom magnification tests

USWDS performed these tests to check tag accessibility and usability for zoom magnification. For help performing your own zoom magnification tests, check out the resources in the expandable section below.

1. Navigate to a page on your website where the tag component is used.
2. Enlarge the view of your screen to 200%.
3. Once zoomed, use a mouse to complete the tests in the checklist.

---

Use one of the following methods to control screen magnification in your browser:

1. Windows OS: Click ctrl while using the scroll wheel on your mouse until you see "200%" appear in the top right of your screen. Or, click ctrl + + until you see "200%" appear in the top right of your screen. (To reset the zoom to the original value, click ctrl + 0.)
2. Mac OS: Click command + + until you see "200%" appear in the top right of your screen. (To reset the zoom to the original value, click command + 0.)
3. Browser settings: Customize your browser settings to display pages at 200%.

Select passing tests

Tags are visible and functional when screen is magnified. When you zoom in to 200%, you can use the tag components with no loss of information.

• WCAG AA
• 1.4.4 Resize text
• USWDS test status: Passed
• Last test: v3.8.0

• USWDS test status:
  Passed
• Last test: v3.8.0

Share your feedback

• Propose a new test
• Report an error

Latest updates

Meaningful code and guidance updates are listed in the following table:

Date	USWDS version	Affects	Breaking	Description
2024-05-15	N/A	Guidance	No	Added accessibility tests page. More information: uswds-site#2645