Programmatic Heading - menu items have heading structure

Test Case Summary

Test Case ID

TC13.3-1-fail-2

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 navigation links that are not visual headings. 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-2.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 are `<h4>` headings used for links in a navigation menu. These are not visual headings.
Result	If the above check fails, then Baseline Test 13.3-ProgHeadingVisual fails.	FAIL