SC 131 -- Headings on income review page

[damiansian]

URL

https://demo.fileyourstatetaxes.org/en/questions/income-review

Issue

There is text on the page that looks like a heading and is grouping content, but is not marked up as a heading.

Screen recording:

headings_color.mp4

Note

This video covers the color issue on the same page. There are two issues created for this.

WCAG

SC 1.3.1: Info and Relationships (Level A)

User impact

Headings are used by screen reader users for navigation and to create a mental model of the page. They group content into a semantic structure. When heading semantics are used on paragraphs, it is disorienting.

Suggested fix

Review the CodePen for suggested edits:
https://codepen.io/dsian108/pen/LEPOXWW?authentication_hash=yoMZEDDNxPxk

[aloverso]

@damiansian this is fixed and ready for your review here! https://statefile.pr-5387.getyourrefund-testing.org/en

[damiansian]

Tested on:
https://statefile.pr-5387.getyourrefund-testing.org/en/questions/income-review

The following headings are available.