department-of-veterans-affairs / va.gov-team

Public resources for building on and in support of VA.gov. Visit complete Knowledge Hub:
https://depo-platform-documentation.scrollhelp.site/index.html
282 stars 202 forks source link

[UX] 10-10EZ: Figma Production Audit + Field Error Messages in Figma #76634

Open aagosto90 opened 8 months ago

aagosto90 commented 8 months ago

As a user, I would like the elements of the 10-10EZ to be consistent and look as good as possible so that I can easily apply for VA health care online.

As a designer/team member, I want there to be a full and accurate reference of all the error messages a user could encounter.

CG ticket for reference on error audit: [Design] 10-10CG - Improvements: Content Cleanup post-July update #89939

Note: This story can be done in conjunction with figuring out what non-V3 components we have #75036

Acceptance Criteria

jessicastump commented 3 weeks ago

Noting a couple of repeating/global issues noticed so far:


1. The error states in staging/production for some fields do not have correct formatting, the label is not bold when in error state (screen capture example below)

Screenshot 2024-09-20 at 7 48 00 AM Screenshot 2024-09-20 at 7 50 07 AM

2. The color of some of the headlines is not the default vads-color-base as in the Figma file; gray shade lighter in staging/production.

Screenshot 2024-09-20 at 7 51 54 AM Screenshot 2024-09-20 at 7 51 44 AM
jessicastump commented 2 weeks ago
Screenshot 2024-09-27 at 1 32 01 PM

Noting here as this happens on all fields asking for money amounts; will update Figma with more details.