navigating-by-headings-with-a-screen-reader---and-r78.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>x</title>

	<style>
	p { line-height: 1.5; }
	</style>

</head>

<body>
<main>


<a href="#id_h1">Skip to main content</a>
<h1 id="id_h1">heading</h1>


<h2>heading followed by some text</h2>
some text

<h2>heading followed by a text button</h2>
<button>x</button>

<h2>heading followed by a broken image with an alt attribute</h2>
<img alt="x" src="broken.png">
        
<h2>heading followed by a broken image without an alt attribute</h2>
<img src="broken.png">
       
<h2>heading followed by a broken image with an empty alt attribute</h2>
<img alt="" src="broken.png">

<h2>heading followed by a link</h2>
<a href="#">link</a>

<h2>heading followed by an input text field</h2>
<label>Input:<input></label>


</main>

</body>

</html>