USWDS-Site: Add table accessibility tests page

[amyleadem]

Summary

• Added table accessibility tests page.
• Moved compliance-tag.html reference to styleguide.html
  • This allowed the compliance tag to be added to pages with the styleguide layout.
  • Note: This is the same change added to USWDS-Site: Add typography accessibility tests page #2540

Important

We need to confirm the changelog dates before merge.

Resources

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

Related issue

Closes #2534

Preview link

• Table - accessibility test page
• Table main page

Testing and review

1. Confirm that both the main component page and the accessibility tests page has the correct compliance tag at the top.
   1. Confirm that the compliance tag does NOT show up on pages that do not have a related a11y tests page.
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 in the accessibility section.
   1. Confirm that this text references the correct component. For example "Test the icon in your own project."
4. Check that accessibility tests page provides the correct counts for each test status type.
5. Confirm the test checklist summaries and data are accurate.
6. Confirm no visual issues.
7. Confirm there is an appropriate changelog entry on both the main component page and the accessibility tests page.

[amyleadem]

@alex-hull @amycole501 @sarah-sch @finekatie
This is ready for your review. I've added some comments below with some open questions. Please let me know if you have any questions or comments.

[amyleadem]

Note

I excluded the the tests for 1.3.2, 1.4.11, 1.4.4, and 1.4.12. I have included the reasoning for each in Column L of the test spreadsheet. Let me know if you want to include any of these.

[amycole501]

Thank you for the comments I agree on all counts based on our discussion; we can circle back to adding those as we add further testing guidance and or nuance to the table component.

[alex-hull]

@amyleadem It looks like the second "passes with exceptions" is not the yellow that the first one. It also does not look like it is in the table at the top of the page.

[amyleadem]

@alex-hull The second "pass with exceptions" item is only showing up that way because it didn't have a test status in the spreadsheet. Can you respond to the questions in the related comment above about how to move forward with that bb?

[amyleadem]

Update to the conversation immediately above: I changed the status of the second "pass with exceptions" item to "passed" based on the recent update to the spreadsheet. Updated in e70b387

[amycole501]

I made comments but overall the page looks great! Nothing major of note to change.

[amyleadem]

@sarah-sch Your requested updates are now live. Let me know if you need anything else.

[sarah-sch]

Approve as an MVP after fed review

[amyleadem]

@thisisdano @annepetersen This is ready for your review. FYI - I am able to get pa11y tests to pass locally, but they are still crashing here. Going to keep trying to get them to pass here 🏄

🏄🏄🏄 Tests passed! 🏄🏄🏄