USWDS-Site: Add search accessibility tests page

[mahoneycm]

Summary

Added accessibility tests page for the search component.

Important

We should update changelog dates before merging.

Related issue

Closes #2626

Preview link

• Search accessibility checklist page →
• Search component page →

Resources

• 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 new 3.2.3 wcag criterion is accurate and link works
8. Confirm no visual issues.
9. Confirm there is an appropriate changelog entry on both the main component page and the accessibility tests page.

[amycole501]

It's looking good! Here are a few edits:

This check "A mouse is not required to perform actions in the search component" has the wrong WCAG success criteria.
I think it's just Keyboard https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html

Search field...adjust on mobile check needs to have "orientation" as it's success criteria https://www.w3.org/WAI/standards-guidelines/wcag/new-in-21/#134-orientation-aa

Screen reader announces that search results will be displayed.
That success criteria should be for "on input" https://www.w3.org/WAI/WCAG22/Understanding/on-input.html
also
"where" needs to be "will" in this sentence: "When you complete a search using a screen reader, you are informed where search results where (WILL) appear."

[sarah-sch]

I committed some text tweaks and also left a query about a test I think could use additional clarity.

[mahoneycm]

@sarah-sch Thanks for making those changes! I updated the focus indicator summary to match your recommendation and it's ready for you re-review!

[amyleadem]

Looking good. I added some questions and comments below. Please let me know if you have any questions

[amyleadem]

Thanks for all the thorough discussion on these items, team. I had a few more items for your review. Please let me know if you have any questions.

[amyleadem]

This is getting close! I found a couple other small edits, but hopefully they are quick to resolve.

Also, could you pull in main to (hopefully) resolve the build errors?

[amyleadem]

Really close! Just a couple of small things I found after doing another read through

[amyleadem]

Looks good to me!

Note

The build errors should be resolved after we merge in #2710 Done!

[alex-hull]

Looking good! I approve! Food for thought for WAY later in the future. Wondering if we will be able to begin adding a section for speech dictation, so we don't have to combine the label in name criteria for screen reader and speech.