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

Styling Statuses and Actions for Accessibility #562

Open
6 tasks
zoeyli-46 opened this issue Feb 13, 2025 · 1 comment
Open
6 tasks

Styling Statuses and Actions for Accessibility #562

zoeyli-46 opened this issue Feb 13, 2025 · 1 comment
Labels
Task For work that doesn't meet the requirements of a user story

Comments

@zoeyli-46
Copy link

Describe the task

The current status, actions, and more actions styling do not pass the accessibility test
Users accidentally click on the status due to the pill styling, because it appears like a clickable button
Users do not intuitively click the Actions, because they don't realize it is clickable, and opt for clicking the status pills instead
The more actions column is not accessible to screen readers users because "more" is not a descriptive enough table header.

Acceptance Criteria

Change the status and actions styling as outlined in the design guidelines

  • Remove the status pill outline
  • Add a button outline to the button text
  • Rename the "more" column to "More Actions"

Tables affected by this change
Registration

  • Operators
  • Operations
  • Facilities
  • Contacts
  • User Access Grid

Reporting

  • Annual reports
  • Past submissions
  • Report Information (facilities reports grid)

Definition of Done

  • first
  • second
  • third

Additional context

  • Add any other context about the task here.
  • Or here
@zoeyli-46 zoeyli-46 added the Task For work that doesn't meet the requirements of a user story label Feb 13, 2025
@zoeyli-46
Copy link
Author

@patriciarussellCAS @shon-button ticket created for changing status and actions button/pill styling

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Task For work that doesn't meet the requirements of a user story
Projects
None yet
Development

No branches or pull requests

1 participant