[a11y-defect-2]: Payment History tables use display text that should be headings instead of paragraphs

[1Copenut]

Point of contact

Trevor Pierce

Severity level

2, Serious. Should be fixed in 1-2 sprints post-launch.

Details

We have several Bitter "headings" that are

tags styled to look like headings. This is a violation of SC 1.3.1 Info and Relationships. Screen reader uses often navigate by headings, so we want these blocks to appear in the Headings menu and respond to the h shortcut key. Screenshots attached below.

---

Reproduction steps

1. Log in with a test user who has a payment history with VA
2. Navigate to va-payment-history/payments/
3. Turn on the screen reader of your choice
4. Verify the Bitter sub-headings are not announced as headings

Proposed solution or next steps

Update the Bitter font text "Displaying 1 - 6 of 87" to be an H3 and consider it saying "Displaying 1 - 6 of 87 payments" so it's clear what the proceeding data will be.

References, articles, or WCAG support

1. Understanding SC 1.3.1: Info and Relationships (Level A)
2. Heading off confusion: When do headings fail WCAG?

Type of issue

• Axe-core
• Screenreader | assistive tech & device support
• Keyboard
• Zoom
• Color, typography, & visual elements
• Components and pattern standards
• Content organization
• Focus
• Headings
• Content style guide
• Link and button labels
• Semantic HTML
• Markup and metadata
• Non-text content and media
• Overall user experience
• Cognitive | user flows & navigating
• URL standards
• Something else