The mockup1 page has a hidden <h2> element ("Site navigation"). A better (and more up to date) solution is to use the <nav> element and an aria-label attribute to provide a label. For example:
<nav aria-label="Site">...</nav>
Note: There is no need to include the word "navigation" in the aria-label because screen readers will automatically indicate that based on the <nav> element.
The subsequent <h3> headings should then be bumped up to <h2> elements instead.
The mockup1 page has a hidden
<h2>element ("Site navigation"). A better (and more up to date) solution is to use the<nav>element and anaria-labelattribute to provide a label. For example:Note: There is no need to include the word "navigation" in the
aria-labelbecause screen readers will automatically indicate that based on the<nav>element.The subsequent
<h3>headings should then be bumped up to<h2>elements instead.