<form>
<label class="sr-only" for="first-name">First Name</label>
<input id="first-name" type="text" name="textfield" placeholder="First Name">
</form>
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap; /* added line */
border: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.