Programmatic Heading - correct structure and levels

Test Case Summary

Test Case ID

TC13.3-1-pass-1

Test Case Description

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

The code sample provides a programmatic headings and appropriate levels for all visual headings. A successful test should identify a PASS 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

PASS

The programmatic headings in the code sample are visual headings

Test Data

Single-Page URL

https://section508coordinators.github.io/baselinealignment/testfiles/TF13/13.3-1-pass-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"`.	`<h2>` and `<h3>` 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]	All programmatic headings are visual headings.
Result	If the above check fails, then Baseline Test 13.3-ProgHeadingVisual fails.	PASS