Developer notes

Validate your code

Use the HTML validator as the foundation for ensuring your page works for everyone.

Code examples

Declare a language

This affects the screenreader pronunciation.

<html lang="en">
</html>

Give your page a unique title

If the URL changes, your page needs title unique to that page.

<head>
  <title>Page title</title>
</head>

Ensure users can zoom in

People with low vision need the ability to enlarge the page on mobile and desktop.

<head>
  <meta name="viewport" 
        content="width=device-width, 
        initial-scale=1">
</head>

Structure your page with landmarks

Landmarks give structure to the page for the screenreader user to be able to navigate the page by major sections.

Each page should include:

<header>
  <!-- Contains the site title -->
</header>
<nav>
  <!-- Primary navigation menu-->
</nav>
<main> 
  <!-- Main content -->
</main>
<footer>
  <!--  Site map and legal info -->
</footer>