[Findability] User can't determine next steps in a flow.

[shiragoodman]

This ticket was generated during the pilot process for the new VA.gov experience standards. Please tag @platform-governance-team-members on Slack if you need assistance interpreting this ticket.

Product Information

Team: Accredited Representation Management Team Product: Find a Representative (MVP) Feature: Find a Representative

Findings details

VA.gov Experience Standard - issue: User can't determine next steps in a flow. VA.gov Experience Standard - category: Findability Launch-blocking: No Collab Cycle Reviewer: @erinrwhite (IA)

Description

On each card for the search results, when there is an address, phone number and email for a contact, the links are all placed close to each other without a break. This is a lot of visual information/link text that could overwhelm users.

Recommended action

This is a collection of links, but it’s not like the quick links pattern which is reserved for hub pages. I would recommend creating more visual distinction between the links. There are a number of ways to do this, including but not limited to:

• including phone/email/mail icons (outside of the link text);
• increasing spacing between links; and/or
• not linking the entire address (use link text like ”Get directions” instead)

The check-in app uses icons for phone and physical address:

References

• WCAG Success Criteria: N/A
• Modality: N/A
• Design System Component: Link collection
• Design System Pattern: N/A
• Content Style Guide: Links
• Context: N/A
• Accessibility Defect Severity: 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: Platform OCTO leadership asks that we document all issues we identify. If you believe that this issue is out of scope or not your team's responsibility, it is still your responsibility to resolve the issue. Please comment on Slack in your team channel tagging @platform-governance-team-members, providing an explanation and who you believe is responsible. Governance team will research and follow up.
• [ ] Close this ticket when the issue has been resolved or validated by your Product Owner.

[oddball-lindsay]

Icons are currently not showing due to a bug. Looks like the team is actively working on this - initial issue is https://github.com/department-of-veterans-affairs/vets-design-system-documentation/issues/2353 and I see some open tickets referenced there.