A11y Improve screen reader content and alert behavior - Githubissues

department-of-veterans-affairs / tmf-auth-exp-design-patterns

Developing design patterns for the authenticated experience

2 stars 0 forks source link

A11y Improve screen reader content and alert behavior #162

Closed adamwhitlock1 closed 1 week ago

adamwhitlock1 commented 1 month ago

User Story

As a user that is using a screen reader, I want all relevant content to be properly read.

Background

Our accessibility audit has identified several issues with how screen readers interpret our content, particularly with alerts and certain text elements.

ACs

[x] Fix issue where only headings in alerts are read by screen readers, ensuring all content is accessible
[x] Address problem where bolded "Note" text in prefill alerts is read in isolation
[x] Update telephone number display text to ensure it's read by screen readers
[x] Resolve issue of 'saving changes' being read twice after clicking the save button (if possible)
[x] Ensure consistent behavior of alerts across different pages and components

Review needed by

[ ] Product Owner
[ ] Product Manager
[ ] Engineering Team

Definition of Done

[ ] Reviewers have approved.
[ ] Changes have been tested with multiple screen readers (e.g., NVDA, VoiceOver) across different browsers and operating systems
[ ] Alert behavior is consistent and all relevant content is properly read by screen readers

adamwhitlock1 commented 1 week ago

I reviewed these issues, and we have resolved them in our moist recent prototypes, so closing as done.