HTML / Accessibility
HTML5 introduced semantics; embrace them
Use structural HTML elements to communicate the organisation of a page.
HTML5 introduced elements that make common page structures explicit. HTML continues to evolve as a living standard; these elements remain useful for everyday documents.
Describe the page
<header>
<a href="/">Publication home</a>
<nav aria-label="Main"><a href="/articles">Articles</a></nav>
</header>
<main>
<article>
<h1>A note on the web</h1>
<p>The article begins here.</p>
</article>
</main>
<footer>Publication information</footer>
Keep one visible main landmark for the document's dominant content. A header or footer inside an article belongs to that article, rather than automatically becoming the page-level landmark.
Avoid semantic decoration
A section should represent a thematic group, usually with a heading. Do not replace every div with a section. A nav identifies a major navigation block; every group of links does not need one.
These choices help readers and tools interpret structure. They do not provide a guaranteed search-ranking improvement.