wcag-2-2--f80--example-1.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<title>x</title>

	<style>

h1 { font-size: 2em; }
p, label { font-size: 1em; }
input {font-size: 12pt;}



	</style>

	<script>

window.addEventListener("load", function(event) {
});

	</script>

</head>




<body>
<main>

<a href="https://www.w3.org/WAI/WCAG22/Techniques/failures/F80#example-1-a-contact-form">Source</a>


<h1>Contact Us</h1>
<p>Please provide us with your details and we will contact you as soon as we can.
   Note that all of the form fields are required.</p>
<div>
  <label for="fname">First Name</label>
  <input type="text" name="fname" id="fname">
</div>
<div>
  <label for="lname">Last Name</label>
  <input type="text" name="lname" id="lname">
</div>
<div>
  <label for="phone">Telephone</label>
  <input type="text" name="phone" id="phone">
</div>
<div>
  <label for="email">Email</label>
  <input type="text" name="email" id="email">
</div>  
<input type="submit" name="Submit" value="Submit" id="Submit">





</main>

</body>

</html>