[Color, typography and visual elements] Text doesn't meet AA compliance for color contrast. (06.02.1)

[shiragoodman]

General Information

VFS team name

Pension Benefits Team

VFS product name

Pension 527EZ Digital Form

VFS feature name

Form Reactivation

Point of Contact/Reviewers

Brian DeConinck - @briandeconinck - Accessibility

*For more information on how to interpret this ticket, please refer to the Anatomy of a Staging Review issue ticket guidance on Platform Website.

---

Platform Issue

Text doesn't meet AA compliance for color contrast.

Issue Details

When hint text appears in the gray list-and-loop box (eg. on Gross monthly income), it doesn't meet color contrast requirements. I'm seeing a contrast ratio of 4.02:1, and 4.5:1 would be the minimum here.

Link, screenshot or steps to recreate

VA.gov Experience Standard

Category Number 06, Issue Number 02

Other References

WCAG SC 1.4.3_AA WCAG SC 1.4.6_AAA

Platform Recommendation

I'm a little surprised we haven't noticed this in other products, and I have to think there are other places where this is an issue. If you haven't already, I'd recommend opening an issue with the Design System Team to address this globally.

---

VFS Guidance

• 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.

[aplatt-coforma]

I can see the list loop item using the white background rather than the gray.

[shiragoodman]

@aplatt-coforma are you asking for Governance to verify this fix before you close this ticket?

[jstrothman]

Just adding a note that this is a previously logged issue with the design system so we won't open a new issue.

[aplatt-coforma]

@shiragoodman - no, we have verified the fix so good to go.