good first issuehacktoberfesthacktoberfest-acceptedhtmljavascript
Repository metrics
- Stars
- (6 stars)
- PR merge metrics
- (PR metrics pending)
Description
Add <label> elements and improve form markup for screen readers.
File to modify: popup.html
How to do it:
Wrap each input in a <label> with descriptive text.
<template id="authorFormTemplate">
<div class="author-form">
<label>Email: <input type="email" class="author-email" placeholder="Email"></label>
<label>First Name: <input type="text" class="author-first-name" placeholder="First Name"></label>
<label>Last Name: <input type="text" class="author-last-name" placeholder="Last Name"></label>
<label>Organization: <input type="text" class="author-organization" placeholder="Organization"></label>
<label>Country:
<select class="author-country"></select>
</label>
<button type="button" class="remove-author-btn">Remove</button>
</div>
</template>