arya2004/cmt-autofill

Improve Form Accessibility (a11y)

Offen

#15 geöffnet am 02.10.2025

 (1 Kommentar) (0 Reaktionen) (1 zugewiesene Person)JavaScript (11 Forks)auto 404
good first issuehacktoberfesthacktoberfest-acceptedhtmljavascript

Repository-Metriken

Stars
 (6 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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>

Contributor Guide