Fix label/input accessibility on subscription form (#1134)

knadh · Jan 6, 2023 · 7832248 · 7832248
1 parent 076b7c7
commit 7832248
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/static/public/templates/subscription-form.html b/static/public/templates/subscription-form.html
@@ -6,14 +6,14 @@ <h2>{{ L.T "public.subTitle" }}</h2>
     <form method="post" action="" class="form">
         <div>
             <p>
-                <label>{{ L.T "subscribers.email" }}</label>
-                <input name="email" required="true" type="email" placeholder="{{ L.T "subscribers.email" }}" autofocus="true" >
+                <label for="email">{{ L.T "subscribers.email" }}</label>
+                <input id="email" name="email" required="true" type="email" placeholder="{{ L.T "subscribers.email" }}" autofocus="true" >
 
                 <input name="nonce" class="nonce" value="" />
             </p>
             <p>
-                <label>{{ L.T "public.subName" }}</label>
-                <input name="name" type="text" placeholder="{{ L.T "public.subName" }}" >
+                <label for="name">{{ L.T "public.subName" }}</label>
+                <input id="name" name="name" type="text" placeholder="{{ L.T "public.subName" }}" >
             </p>
             <br />
             <ul class="lists">