Visual Headings - most important heading does not have the higher priority level programmatically

Test Case Summary

Test Case ID

TC13.2-1.a-fail-1

Test Case Description

The most important heading(s) should have the highest priority level. For example, <h1> is a higher level than <h2>, which is higher than <h3>.

The code sample provides visual headings that appear to be at three levels. Programmatically, the <h4> is a higher level heading but its subheadings are <h3>. A successful test should identify a FAIL against Baseline 13.2 Visual Headings.

Applicable ICT Baseline Test

13.2 Test Procedure for Visual Headings

Baseline Test ID: 13.2-VisHeadingProg

Test Instruction: 1.a

Test Case Detail

Expected Baseline Result

FAIL

The visual heading has a lower programmatic heading level than its subheadings in the code samples .

Test Data

Single-Page URL

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

Embedded Code

Code

Test Case Instruction

Test Instruction	Instruction Detail	Expected Test Case Result
13.2-IC	Visually apparent headings, which denote sections of content. Headings are often in a larger, bolded font separated from paragraphs by extra spacing (though not always). Note the hierarchy and structure of each heading with respect to other headings on the page.	Visual apparent headings found.
13.2-1	Check that all visual headings are programmatically determinable and that programmatic heading levels logically match the visual heading presentation within the heading structure [SC 1.3.1]:
13.2-1.a	The most important heading(s) should have the highest priority level. For example, `<h1>` is a higher level than `<h2>`, which is higher than `<h3>`.	Fail: `<h4> Periods of Classical Music </h4>` should be higher than its `<h3>` subheadings.
Result	If the above check fails, then Baseline Test 13.2-VisHeadingProg fails.	FAIL; 13.2-1a fails