Headings in Accessible Mode
On the Internet, all the text on a page follows a hierarchical structure defined by headers. In the Accessible version, it's crucial to assign headers effectively as they aid navigation for users relying on screen readers.
Header options are identified by the letter H followed by a number corresponding to the hierarchy of the text on the page.
For instance, "H1," limited to one per page, is reserved in our courses for the course title or the titles of sections and sub-sections, automatically assigned (you cannot choose it within your slide texts).
It's important to note that if headings are not correctly assigned, your course won't truly comply with accessibility rules.
Before We Continue, Here Are Some Important Rules:
- Avoid heading level jumps (an H3 should not directly follow an H1; it should be a child of an H2).
- Headings should be unique and explanatory (avoid repeating titles; don't use an H with a generic title already on the page, such as "Exercise").
- For interactives, it's advisable to give a heading to the exercise itself with the corresponding level. This heading will be used to provide an explanatory name to modal windows.
How to Assign Headings in Your Courses?
Use "H2," "H3," "H4," or "text" to define the hierarchy of your texts on all your slides.
Use headings when creating cover pages or starting a new content block with its context. You can distinguish headings and subheadings in your content.
To assist you further, here's how we've set up the slides in our predefined templates.
You have two options for assigning headings:
- With the Text Editing Bar:
When editing text on your slides, assign the corresponding header using the text editing bar. You'll see a dropdown with all the header options.
- From Interactive Elements:
In some interactive elements, assign headings to the title you add in the editing panel on the right. Ensure this name is descriptive to provide enough context about the element for learners in an accessible way.
We will assist you with contextual help messages, such as: "Add a title so your students can identify the video."
To help you map headings correctly and view them easily, consider installing a Google Chrome extension, for example: "headingsmap" or "wave."