Skip to content

Instantly share code, notes, and snippets.

@feerrenrut
Created June 7, 2016 08:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save feerrenrut/58df87184789a22976efee715fba1bee to your computer and use it in GitHub Desktop.
Save feerrenrut/58df87184789a22976efee715fba1bee to your computer and use it in GitHub Desktop.
Test HTML 5 structural elements with NVDA
<!DOCTYPE html>
<html>
<body>
<main>
<nav>
<a href="#heading">Heading</a>
<a href="#art1">Article 1</a>
<a href="#art2">Article 2</a>
<a href="#footer">Footer</a>
</nav>
<header id="heading">
<h1>This is the heading text, inside a heading structural element</h1>
<p>This is the paragraph, underneath the heading</p>
</header>
<p>This is some paragraph text in the main structural element, but outside any article structural element</p>
<article id="art1">
<h1>Article 1</h1>
<p>This is a paragraph, in an article, not in the header.</p>
</article>
<article id="art2">
<h1>Article 2</h1>
<p>This is a paragraph, in a second article, not in the header.</p>
</article>
</main>
<aside>
<h4>An asside</h4>
<p>This is a paragraph in an asside structural element.</p>
</aside>
<footer id="footer">
<p>Some footer text</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment