Staging Review finding: Missing headings

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: VYE Team Product: Verify Your Enrollment Feature: Verify Your Enrollment

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 Design System review: No Collab Cycle Reviewer: @briandeconinck (Accessibility)

Description

On /mgib-enrollments/benefits-profile/, the "Pending documents" text is styled to look like an H2 heading but is coded as a p paragraph. Likewise, after submitting an enrollment verification, the success alert is styled as having a heading but the heading itself is just coded as a div.

Screen reader users often navigate the page via heading, in which they skip directly to the heading for the section of content they're looking for. When heading text isn't coded as a heading, it's not available for them as a navigational tool.

Link, screenshot or steps to recreate

The two examples identified are currently coded as: ```

Pending documents

``` and ```

You have successfully verified your enrollment

```

Recommended action

Both of these should be H2 headings.

References

Accessibility Defect Severity: 2: High. Should be fixed in 1-2 sprints post-launch.
WCAG Success Criteria: N/A
Modality: Screen reader
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.

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