Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[draft] Table accessibility: Add accessible markup on content updates #3375

Closed
4 tasks
zandercymatics opened this issue Jan 21, 2025 · 0 comments
Closed
4 tasks
Labels
dev issue is for the dev team

Comments

@zandercymatics
Copy link
Contributor

Issue description

For users using screenreaders, our tables currently do not provide enough information during content update (i.e. searching, data load, or when no data is found). Because we update these tables using ajax, it appears as though no change has occurred for this user. Additionally, there isn't an easy way to tab through each row of content.

This ticket aims to address that by making ajax-based table updates more accessible.

Acceptance criteria

  • Provide accessible markup to allow users to tab to each record of the table
  • On search, focus should be brought to the table programmatically so that users don't have to tab into the table
  • When a user completes a search query that has zero results, the tab focus should be brought to the table and ANDI output should be "No results found"
  • aria-live is updated during search to reflect if either no data is found

Additional context

See this slack thread for more context.

Links to other issues

@zandercymatics zandercymatics added the dev issue is for the dev team label Jan 21, 2025
@zandercymatics zandercymatics moved this from 👶 New to ⚙ Dev Parking Lot in .gov Product Board Jan 21, 2025
@github-project-automation github-project-automation bot moved this from ⚙ Dev Parking Lot to ✅ Done in .gov Product Board Jan 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
dev issue is for the dev team
Projects
Status: ✅ Done
Development

No branches or pull requests

1 participant