[a11y]: Subrecipients - accessibility findings #3900
Description
Why is this issue important?
This ticket contains multiple accessibility issues in arpa_reporter. As support for Arpa reporter is winding down we collected issues in one page.
Note: These were identified during a developer accessibility review to double check the accessibility of the elements on the page. To fully insure the site is accessible to users, more comprehensive testing by an accessibility subject matter expert should be performed.
Testing approach
All testing was done against staging and local dev.
- Run axe DevTools chrome extension against the page. This checks contrast
- Run through the page with the keyboard - I used Microsoft's Accessibility Insights Chrome Extension to track keyboard focus
- Zoom the page to 200x and 400x to check reflow
- Run through the page using a screen reader - mac voice over
- Validate the HTML by pasting parts of the html into W3C Markup Validation Service
Testing gaps
- Windows screen readers - JAWS / NVDA
- Mobile web devices - the arpa reporter was not designed to be responsive
- Real user workflow steps.
Subrecipients View
issue 1 - color contrast for the Upload id is insufficient
recommended fix: Use the grants blue - see this PR - a11y(arpa): fix headings and color contrast issues
issue 2 - insufficient color contrast for the Archive button when the cell background is grey
recommended fix: Use Contrast Finder for suggestions for other colors
issue 3 - Empty table cell in filter row for Created, Upload ID, and Edit columns - Minor issue
issue 4 - Edit and Archive buttons should have aria-label that includes an identifier for the row that is being edited.
Edit Subrecipients View
issue 1 - Insufficient color contrast for id and save button
recommended fix: Use the grants blue - see this PR - a11y(arpa): fix headings and color contrast issues
Current State
When user visits X page...
Expected State
When user visits X page...
Implementation Plan
The following functions need to be added...