Skip to content

accessibility: Fix heading structure to begin with h3? #1943

@openstaxalina

Description

@openstaxalina

From https://drive.google.com/file/d/0BxiTbl6K_ZNRelpxRlkwYkZnb3c/view

Issue 3: The heading structure is broken
The sections have headings that identify them (1.3.1) but headings are marked such that they cannot be programmatically identified.

Example with empty headings: the structure of headings is broken and there are two empty headings

Reference to standards
1.3.1 Info and Relationships: Information, structure, and relationships conveyed through presentation can be
programmatically determined or are available in text. (Level A)
Suggestion

  • Make headings to organize an HTML page and avoid empty headings. Use an < h1 > element for the overall title, and < h2 > elements for major sections, and < h3 > elements for sub-sections.

  • Alternatively, you can use multiple < h1 > headings, but each of them has to be a heading to a separate section or article. Avoid skipping the levels of the headings, e.g. if you have < h1 >, it can only be followed by < h2 >, which can only be followed by < h3 > etc. Use Web Accessibility Toolbar for IE to find defects on your website.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions