High-level issue: User experiences an unexpected interaction with a component.
Category: Usability
On /compose/, the "Edit your contact list" modal contains a link out to the existing MHV application's contact list. That link opens in a new tab, but doesn't warn users about that behavior. That change of context can be disorienting for screen reader users who don't get the visual cues of the new tab opening, and can increase cognitive load across the board.
Link, screenshot or steps to recreate
Toggle details
`link/screenshot/steps to recreate`
Recommended action
Include a warning about the new tab behavior in the link text, eg. <a ... href="..." target="_blank">Edit your contact list on the My HealtheVet website (opens in a new tab)</a>. If that doesn't work for design purposes, then at minimum include the warning in an aria-label for screen reader users, eg. <a ... href="..." target="_blank" aria-label="Edit your contact list on the My HealtheVet website (opens in a new tab)">Edit your contact list on the My HealtheVet website</a>.
Close the ticket when the issue has been resolved or validated by your Product Owner
If your team has additional questions or needs Platform help validating the issue, please comment on the ticket
Some feedback provided may be out of scope for your iteration of the product. However, Platform's OCTO leadership has stated that all identified issues need to be documented and it is still your responsibility to resolve the issue.
If you do not believe that this Staging Review issue ticket is the responsibility of your team, comment below providing an explanation and who you believe is responsible. Please tag the Point of Contact/Reviewers. Governance team will research and will follow up.
Need help? How to read staging review tickets
Product information
Team: MHV Product: My HealtheVet Feature: Secure Messaging
Findings details
Launch-blocking: Yes Collab Cycle Reviewer: Brian DeConinck - @briandeconinck - Accessibility
Description
High-level issue: User experiences an unexpected interaction with a component. Category: Usability
On /compose/, the "Edit your contact list" modal contains a link out to the existing MHV application's contact list. That link opens in a new tab, but doesn't warn users about that behavior. That change of context can be disorienting for screen reader users who don't get the visual cues of the new tab opening, and can increase cognitive load across the board.
Link, screenshot or steps to recreate
Toggle details
`link/screenshot/steps to recreate`Recommended action
Include a warning about the new tab behavior in the link text, eg.
<a ... href="..." target="_blank">Edit your contact list on the My HealtheVet website (opens in a new tab)</a>. If that doesn't work for design purposes, then at minimum include the warning in an aria-label for screen reader users, eg.<a ... href="..." target="_blank" aria-label="Edit your contact list on the My HealtheVet website (opens in a new tab)">Edit your contact list on the My HealtheVet website</a>.References
Next steps for the VFS team