Accessible headings

Headings are anchors that guide readers through a text. People tend to read those headings carefully and they help in the navigation of the page for accessibility. Headings should therefore indicate what a paragraph is about, otherwise people won’t know what to expect.

Rather than using bold for page headings, use the headings 'Heading 3' (as known as H3) to 'Heading 6' (as known as H6).

These headings can be used multiple times, as long as it makes sense.

It’s a hierarchical structure, so before you use H4, you should have used H3. But you can go back and use H3 after you’ve used H4. Here’s an example of a heading structure:

H3: Ballet shoes are awesome

    H4: Why ballet shoes are awesome

        H5: Ballet shoes are pink
        H5: Ballet shoes are flexible
        H5: Ballet shoes are cheap

    H4: Where to buy your ballet shoes

        H5: Online stores
        H5: In your hometown

    H4: Wrapping it up