SC 131 -- Paragraph text is set as heading text

[damiansian]

URL

https://demo.fileyourstatetaxes.org/en/nj/landing-page

Issue

This page has entire paragraphs of text set as headings. This text should be set as paragraphs as it is not serving the purpose of heading text (i.e., grouping content and creating structure). The text "Already started filing your state return? Sign in." is already called out as an issue on the home page.

Note

You can use p elements with heading styling. This seems counterintuitive at first glance. But we must remember the difference between visual presentation and semantic meaning. You're welcome to format some text large for visual importance. When that text groups content, then it must be an h1 through and h6. This text does not meet that definition.

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

Current

 <h2 class="h2">
                <strong>FileYourStateTaxes</strong> 
takes about 10 to 15 minutes to complete. Get started by setting up your account.
<br><br>
This service is built in partnership with the state of 
New Jersey Office of Innovation to integrate with IRS Direct File.

              </h2>

<h2 class="h2">
                Already started filing your state return? 
<a href="/en/login-options">Sign in</a>.
              </h2>

Should be

 <p class="h2">
                <strong>FileYourStateTaxes</strong> 
takes about 10 to 15 minutes to complete. Get started by setting up your account.
<br><br>
This service is built in partnership with the state of 
New Jersey Office of Innovation to integrate with IRS Direct File.

              </p>

<p class="h2">
                Already started filing your state return? 
<a href="/en/login-options">Sign in</a>.
              </p>