[a11y]: Run accessibility checks on all views and file issues for any findings

[lsr-explore]

Why is this issue important?

This is important to be able to identify any barriers customers using assistive technologies will face.

Accessibility Checks

• axe devTools scan
• Keyboard only navigation
• Screen reader navigation - check rotor menus
• zoom 200x

Views

• Dashboard
  • Submit workbook
• Uploads
  • Edit
  • Upload Period Template
• Agencies
  • Create new agency
• Subrecipients
• Users
  • Create new user
• Reporting Periods
  • Create new reporting period
• Validation

Notes

Capturing items found during initial checks

Small effort

• Color contrast issues on buttons with blue backgrounds
• Edit buttons need differentiation - add aria-label that includes name
  • On the rotor menu, there is just a list of buttons all with the same name "Edit"
• Upload template links need differentiation - add aria-label that includes name
  • On the rotor menu, there is just a list of buttons all with the same name "Edit"

Large effort

• Tables need to be horizontally scrolled when view is zoomed 200x

Current State

When user visits X page...

Expected State

When user visits X page...

Implementation Plan

The following functions need to be added...

Relevant Code Snippets

No response

[lsr-explore]

Uploads View

axe-dev-tools

Critical issue

Serious Issue

Minor Issue

[lsr-explore]

Agencies

axe-dev-tools

Serious issue

---

Create New Agency

axe-dev-tools

Serious issue

[lsr-explore]

Subrecipients

axe-dev-tools

Serious issue

Minor issue

[lsr-explore]

Users

axe-dev-tools

Serious Issue

---

Create new User

axe-dev-tools

Serious Issue

[lsr-explore]

Reporting Periods

axe-dev-tools

Serious Issue

Minor Issue

---

Create new Reporting Period

axe-dev-tools

Serious issue

[lsr-explore]

Validation

axe-dev-tools

Serious issue

[lsr-explore]

Keyboard navigation

Focus indicator

• All views w/ tables - column sort buttons missing sort indicator
• Creating new views - No way to easily return to table views after edit (need to check create)
  • Add button to cancel
  • After add - return to views