SC 131 -- Heading missing proper markup

[damiansian]

URL

https://demo.fileyourstatetaxes.org/

Issue

The bolded text in the white-group spacing-below-15 spacing-above-35 box that acts as a heading, must have the markup of a heading. Currently it is just bolded via the strong element. The strong element has no voicing by a screen reader (i.e., there is no semantic communication the text is bold).

Note

The text "To learn more, check out the FAQs." is NOT creating a grouping of content, and therefore may stay as-is.

WCAG

SC 1.3.1: Info and Relationships (Level A)

User impact

Non-sighted people that rely on screen readers to navigate webpages, use headings as navigation aids and to build a mental model of the page. Headings group and organize content. In this case, the list is directly related to the text "How does it work?" and therefore, should have the programmatic markup to create that association.

Suggested fix

Current

<div class="white-group spacing-below-15 spacing-above-35">
        <h2>How does it work?</h2>
<ol class="list--numbered">
  <li>File and submit your federal return with <a target="_blank" rel="nofollow noopener" href="https://directfile.irs.gov/">IRS Direct File</a> before using this service.</li>
  <li>Click "continue to file your state taxes"</li>
  <li>Answer a few questions to make sure this is the right service for you. <a target="_blank" rel="nofollow noopener" href="https://directfile.irs.gov/state">Learn more about who is eligible for this tax year</a>.</li>
  <li>Transfer your federal return to fill in most of your state return.</li>
  <li>Answer a few additional questions to help maximize your state tax refund.</li>
  <li>E-file your return for free!</li>
</ol>
<strong>To learn more, check out the <a href="/en/us/faq">FAQs</a>.</strong>

      </div>

Should be

<div class="white-group spacing-below-15 spacing-above-35">
        <strong>How does it work?</strong>
<ol class="list--numbered">
  <li>File and submit your federal return with <a target="_blank" rel="nofollow noopener" href="https://directfile.irs.gov/">IRS Direct File</a> before using this service.</li>
  <li>Click "continue to file your state taxes"</li>
  <li>Answer a few questions to make sure this is the right service for you. <a target="_blank" rel="nofollow noopener" href="https://directfile.irs.gov/state">Learn more about who is eligible for this tax year</a>.</li>
  <li>Transfer your federal return to fill in most of your state return.</li>
  <li>Answer a few additional questions to help maximize your state tax refund.</li>
  <li>E-file your return for free!</li>
</ol>
<strong>To learn more, check out the <a href="/en/us/faq">FAQs</a>.</strong>

      </div>