arya2004/cmt-autofill

Improve Form Accessibility (a11y)

Ouverte

#15 ouverte le 2 oct. 2025

 (1 commentaire) (0 réaction) (1 personne assignée)JavaScript (11 forks)auto 404
good first issuehacktoberfesthacktoberfest-acceptedhtmljavascript

Métriques du dépôt

Stars
 (6 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

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>

Guide contributeur