Staging Review finding: Button styled to look like link

[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: My Education Benefits
Product: 22-5490 Form
Feature: (Fry/DEA) Updates

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), @allison0034 (Design)

Description

On /direct-deposit when editing saved direct deposit information, the "Cancel" button is styled to look like a link.

Some assistive technologies have different interaction patterns for links and buttons, which makes it important to maintain material honesty in how we use each --- meaning, links are coded as links and visually look like links, and buttons are coded as buttons and visually look like buttons.

Recommended action

Use the va-button secondary style for "Cancel."

References

• Accessibility Defect Severity: 4: Low. Consider fixing or exploring in 2-4 sprints post-launch.
• WCAG Success Criteria: N/A
• Modality: Voice
• 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.