HTML Sample Page
The following HTML example page is drawn from Manuel Matuzović’s Web Accessibility Cookbook.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Name - Site Name</title>
</head>
<body>
<header>
<a class="skip-link" href="#content">Jump to main content</a>
<a href="/">Site Name</a>
<a href="/">
<img src="/img/logo.svg" alt="Site Name">
</a>
<nav aria-label="Main">
<ul>
<li><a href="" aria-current="page"></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</nav>
<form role="search">
<label for="search">Search</label>
<input type="text" id="search">
</form>
<!-- Download link to a pdf -->
<a href="/file-name.pdf" download="custom-file-name.pdf">
Download File Name (PDF, 2MB)
</a>
<!--Automatic quotation marks-->
<p lang="vi">
<q>Lời trích dẫn tiếng Việt</q>
</p>
<!--Subject & body prefilled Email-->
<a href="mailto:[email protected]?subject=Hello&body=Message">
[email protected]
</a>
</header>
<main id="content">
</main>
<footer>
© 2024
</footer>
</body>
</html>