DST Staging Review: Figma file doesn't include status eyebrows

[shiragoodman]

Need help? Please review how to read a Staging Review ticket. Tag @platform-governance-team-members on Slack if you need further assistance.

Design System Staging Information

Component: Process list with status
Staging Review ticket: Design System Staging Review: Process list with status

Findings details

VA.gov Experience Standard - issue: User encounters components and patterns that meet best practices.
VA.gov Experience Standard - category: Consistency
This is an issue with the: guidance
High-priority: yes
Collab Cycle Reviewer: @erinrwhite (IA), @allison0034 (Design)

Description

To reinforce the fact that eyebrows are required elements for the process list, the Figma file should contain eyebrows above the step headers. These appear on storybook and in the guidance.

Link, screenshot or steps to recreate

Figma file:

Accessibility guidance:

Recommended action

Add status eyebrows to the headings in the Figma file.

References

• Accessibility Defect Severity: N/A
• WCAG Success Criteria: WCAG 1.4.1 Use of Colour - Level A
• Modality: 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 DST

How did this touchpoint go? Give feedback on the Collaboration Cycle at any time.

• Close the ticket when the issue has been resolved or validated by your Product Owner
• If your team has additional questions or needs Governance help validating the issue, please comment on the ticket
• If this ticket has a high-priority label, please address as soon as possible so VFS teams are not impacted
• If this ticket has a consider label, please consider for future implementation

[caw310]

It seems there is a process list in the Examples file, but no examples with the eyebrow text.