In the "Location and contact information" section, the image of a map has a zoom_out_map icon overlayed on top of it, styled to look like a button (including hover state). However:
The icon isn't actually a button, it's just an element inside the link containing the map.
Since it's not actually a button, the icon isn't focusable for keyboard users who might expect ot be able to tab to it.
Clicking the link doesn't zoom anything, it navigates you to a new place.
This doesn't match with user expectations (clicking does something unexpected), and might frustrate keyboard-only users who may believe there's some additional functionality that they can't get to.
[ ] 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.
jilladams
commented
1 month ago
Need help? Please review how to read a Staging Review ticket. Tag
@platform-governance-team-memberson Slack if you need further assistance.Product Information
Team: Sitewide Facilities Product: VBA Regional Offices Feature: Site Modernization
Findings details
VA.gov Experience Standard - issue: User experiences an unexpected interaction with a component or pattern. VA.gov Experience Standard - category: Usability Launch-blocking: No Design System review: No Collab Cycle Reviewer: @briandeconinck (Accessibility)
Description
In the "Location and contact information" section, the image of a map has a
zoom_out_mapicon overlayed on top of it, styled to look like a button (including hover state). However:This doesn't match with user expectations (clicking does something unexpected), and might frustrate keyboard-only users who may believe there's some additional functionality that they can't get to.
Recommended action
I would recommend harmonizing with ongoing work for the Vet Centers template, which recommends removing the icon. I don't think it adds much value here.
References
Next Steps for the VFS Team
@platform-governance-team-memberswith any questions or to get help validating the issue.@platform-governance-team-memberson your team channel in Slack to provide an explanation and who you believe is responsible. The Governance team will follow up.