Programmatic Heading - non-visual heading has heading structure

Test Case Summary

Test Case ID

TC13.3-1-fail-1

Test Case Description

Programmatic headings should only be used on visual headings, which denote sections of content.

The code sample provides a programmatic heading on content that is not a visual heading and within a paragraph. A successful test should identify a FAIL against Baseline 13.3-ProgHeadingVisual.

Applicable ICT Baseline Test

13.3 Test Procedure for Descriptive Headings

Baseline Test ID: 13.3-ProgHeadingVisual

Test Instruction: 1

Test Case Detail

Expected Baseline Result

FAIL

The programmatic heading in the code sample is not a visual heading

Test Data

Single-Page URL

https://section508coordinators.github.io/baselinealignment/testfiles/TF13/13.3-1-fail-1.html

Embedded Code

Code

Test Case Instruction

Test Instruction	Instruction Detail	Expected Test Case Result
IC-1	Programmatically determined headings: `<h1>` to `<h6>` or ARIA `role="heading"`.	`<h4>` found
13.3-1	Check that each programmatically determinable heading is also serving as a visual heading on the page. Content that is not a visual heading cannot have a role of heading. [SC 1.3.1]	There is a `<h4>` within a paragraph of text. It is not a visual heading.
Result	If the above check fails, then Baseline Test 13.3-ProgHeadingVisual fails.	FAIL