get-alex / alex

Catch insensitive, inconsiderate writing
https://alexjs.com
MIT License
4.8k stars 207 forks source link

Heading levels aren't hierarchical [accessibility] #257

Closed BNewing closed 4 years ago

BNewing commented 4 years ago

Accessibility - heading level issue

The heading levels aren't hierarchical across the website. There's also multiple <h1> tags.

Steps to reproduce

This can be seen by inspecting the HTML. Running the WAVE plugin will indicate heading levels on the page.

Expected behaviour

Headings should really have a good hierarchy - <h2> nested under <h3> etc. The <h1> is the overall page title, and so there should only be one.

Actual behaviour

They aren't nested. This can be problematic for screen reader users, who can navigate pages by their headings.