USWDS-Site: Add tag accessibility tests page

[amyleadem]

Summary

Added accessibility tests page for the tag component.

Note

The tag accessibility tests page does not include the tests for interactive tags that are included in the spreadsheet (Google sheets 🔒). This is because there is some ambiguity about the role of interactive tags in the design system and because we do not currently offer examples of interactive tags. Please confirm that the expected tests are included on this page.

Important

We should update changelog dates before merge.

Related issue

Closes #2526

Preview link

• Tag accessibility tests page
• Tag main component page

Ressourcen

• Creating accessibility checklists process doc (Google docs 🔒)
• Accessibility checklist spreadsheet (Google sheets 🔒)

Testing and review

1. Confirm that both the main component page and the accessibility tests page have the correct compliance tag at the top.
2. Confirm that the main component page links to the accessibility tests page in the side navigation.
3. Confirm that the main component page links to the accessibility tests page from the accessibility guidance section.
4. Confirm that the main component page shows the accessibility tests summary.
5. Check that accessibility tests page provides the correct counts for each test status type.
6. Confirm the test checklist summaries and data are accurate.
7. Confirm no visual issues.
8. Confirm there is an appropriate changelog entry on both the main component page and the accessibility tests page.

[amycole501]

The page as-is looks good. However, since we mention interactive tags on the primary tags page perhaps we should clarify we tested only non-interactive tags.

I'd change the first sentence on the page to read "Any USWDS non-interactive tag should pass these manual accessibility tests." or something along those lines

[alex-hull]

Looks good! I like what Amy said about changing the wording for interactive versus non-interactive. Wondering if it is worth pointing people into the direction of our slight guidance on this page as well. Or maybe not even having that phrasing so it is not open for discussion. But if we do change the phrasing maybe something, "For more guidance on interactive tag implementation, check out the tags usability section."

[amyleadem]

Changed the lead to say "Any non-interactive USWDS tag should pass these manual accessibility tests." in commit ed9e217. Let me know if you want any changes.

[sarah-sch]

LGTM! Thank you, @amyleadem!

[mahoneycm]

Looking good! One small update for the checklist lead and the potential inclusion with another checklist item IF it doesn't delay getting this page published. 👍

[thisisdano]

Updating changelog dates...

[thisisdano]

Merging over pa11y crash