Developer notes

Start simple: validate your code

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

Code examples

Declare a language

This affects how the screenreader pronunciation..

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

Give your page a unique title

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

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

Ensure users can zoom in

<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>