Staging Review finding: Button is mis-identified to screen reader users

[shiragoodman]

Need help? Please review how to read a Staging Review ticket. Tag @platform-governance-team-members on Slack if you need further assistance.

Product Information

Team: VYE Team Product: Verify Your Enrollment Feature: Verify Your Enrollment

Findings details

VA.gov Experience Standard - issue: User can't identify an element or its state. VA.gov Experience Standard - category: Usability Launch-blocking: Yes Design System review: No Collab Cycle Reviewer: @briandeconinck (Accessibility)

Description

On /mgib-enrollments/benefits-profile/ when editing contact information, the Cancel button has an aria-label that misidentifies its purpose. Although the interaction is for contact information, the button is announced to screen reader users as "cancel updating your bank information for GI Bill benefits."

Link, screenshot or steps to recreate

Here's that button group as currently coded: ```

Save

```

Recommended action

Guessing this was a copy/paste error, but make sure the aria-label always matches the actual purpose of the element.

References

• Accessibility Defect Severity: 1: Critical. Must be fixed before launch.
• WCAG Success Criteria: N/A
• Modality: Screen reader
• Design System Component: N/A
• Design System Pattern or Template: N/A
• Design System Foundation: N/A
• Content Style Guide: N/A
• Context: N/A

---

Next Steps for the VFS Team

• [ ] Questions? For the most timely response, comment on Slack in your team channel tagging @platform-governance-team-members with any questions or to get help validating the issue.
• [ ] Ticket ownership: If you believe that this issue is out of scope, not your team's responsibility, or a Design System issue, comment and tag @platform-governance-team-members on your team channel in Slack to provide an explanation and who you believe is responsible. The Governance team will follow up.
• [ ] Close this ticket when the issue has been resolved or validated by your Product Owner.

[jsimonVA]

aria-label has been updated https://github.com/department-of-veterans-affairs/vets-website/pull/30534

[jsimonVA]

Update has been made and is in staging.