<!DOCTYPE html> <html> <head> <title>Pivot test document</title> <meta charset="utf-8" /> </head> <body> <h1 id="heading-1-1">Main Title</h1> <h2 id="heading-2-1" aria-hidden="true">First Section Title</h2> <p id="paragraph-1"> Lorem ipsum <strong>dolor</strong> sit amet. Integer vitae urna leo, id <a href="#">semper</a> nulla. </p> <h2 id="heading-2-2" aria-hidden="undefined">Second Section Title</h2> <p id="paragraph-2" aria-hidden=""> Sed accumsan luctus lacus, vitae mollis arcu tristique vulputate.</p> <p id="paragraph-3" aria-hidden="true"> <a href="#" id="hidden-link">Maybe</a> it was the other <i>George Michael</i>. You know, the <a href="#">singer-songwriter</a>. </p> <p style="opacity: 0;" id="paragraph-4"> This is completely transparent </p> <iframe src="data:text/html,<html><body>An <i>embedded</i> document.</body></html>"> </iframe> <div id="hide-me">Hide me</div> <p id="links" aria-hidden="false"> <a href="http://mozilla.org" title="Link 1 title">Link 1</a> <a href="http://mozilla.org" title="Link 2 title">Link 2</a> <a href="http://mozilla.org" title="Link 3 title">Link 3</a> </p> <ul> <li>Hello<span> </span></li> <li>World</li> </ul> </body> </html>