a11y: add aria-label to contact/sample form inputs (zero visual; screen-reader association)

4ff5ad5b7513b2090d20f26968a12f0d70990918 · 2026-06-03 14:19:40 -0700 · Steve Abrams

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

M public/index.html

Diff

commit 4ff5ad5b7513b2090d20f26968a12f0d70990918
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Jun 3 14:19:40 2026 -0700

    a11y: add aria-label to contact/sample form inputs (zero visual; screen-reader association)
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/public/index.html b/public/index.html
index 885b20b..32376b6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -969,13 +969,13 @@ document.addEventListener('DOMContentLoaded', function(){ try { renderRailSectio
     <h3>Project Inquiry</h3>
     <p class="sub">We'll respond within one business day</p>
     <form id="dwmInquiryForm" onsubmit="return dwmSubmit(event,'inquiry')">
-      <div class="dwm-field"><label>Name</label><input type="text" name="name" required></div>
-      <div class="dwm-field"><label>Email</label><input type="email" name="email" required></div>
-      <div class="dwm-field"><label>Phone</label><input type="tel" name="phone"></div>
-      <div class="dwm-field"><label>Company / Trade</label><input type="text" name="company"></div>
-      <div class="dwm-field"><label>Project Name</label><input type="text" name="projectName" required></div>
-      <div class="dwm-field"><label>Project Scope</label><textarea name="projectScope" placeholder="Square footage · room count · timeline" required></textarea></div>
-      <div class="dwm-field"><label>Additional Information</label><textarea name="message" placeholder="Patterns of interest, finish preferences, budget"></textarea></div>
+      <div class="dwm-field"><label>Name</label><input aria-label="Name" type="text" name="name" required></div>
+      <div class="dwm-field"><label>Email</label><input aria-label="Email" type="email" name="email" required></div>
+      <div class="dwm-field"><label>Phone</label><input aria-label="Phone" type="tel" name="phone"></div>
+      <div class="dwm-field"><label>Company / Trade</label><input aria-label="Company / Trade" type="text" name="company"></div>
+      <div class="dwm-field"><label>Project Name</label><input aria-label="Project Name" type="text" name="projectName" required></div>
+      <div class="dwm-field"><label>Project Scope</label><textarea aria-label="Project Scope" name="projectScope" placeholder="Square footage · room count · timeline" required></textarea></div>
+      <div class="dwm-field"><label>Additional Information</label><textarea aria-label="Additional Information" name="message" placeholder="Patterns of interest, finish preferences, budget"></textarea></div>
       <button type="submit" class="dwm-submit">Send Inquiry</button>
       <div class="dwm-status" id="dwmInquiryStatus"></div>
     </form>
@@ -996,16 +996,16 @@ document.addEventListener('DOMContentLoaded', function(){ try { renderRailSectio
       <input type="hidden" name="sku" id="dwmSampleSkuInput">
       <input type="hidden" name="title" id="dwmSampleTitleInput">
       <input type="hidden" name="image_url" id="dwmSampleImageInput">
-      <div class="dwm-field"><label>Name</label><input type="text" name="name" required></div>
-      <div class="dwm-field"><label>Email</label><input type="email" name="email" required></div>
-      <div class="dwm-field"><label>Company / Trade</label><input type="text" name="company"></div>
-      <div class="dwm-field"><label>Shipping Address</label><input type="text" name="address" placeholder="Street" required></div>
+      <div class="dwm-field"><label>Name</label><input aria-label="Name" type="text" name="name" required></div>
+      <div class="dwm-field"><label>Email</label><input aria-label="Email" type="email" name="email" required></div>
+      <div class="dwm-field"><label>Company / Trade</label><input aria-label="Company / Trade" type="text" name="company"></div>
+      <div class="dwm-field"><label>Shipping Address</label><input aria-label="Shipping Address" type="text" name="address" placeholder="Street" required></div>
       <div class="dwm-field" style="display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px">
         <input type="text" name="city" placeholder="City" required>
         <input type="text" name="state" placeholder="State" required>
         <input type="text" name="zip" placeholder="ZIP" required>
       </div>
-      <div class="dwm-field"><label>Notes (optional)</label><textarea name="message" placeholder="Project, sq.ft., timing"></textarea></div>
+      <div class="dwm-field"><label>Notes (optional)</label><textarea aria-label="Notes (optional)" name="message" placeholder="Project, sq.ft., timing"></textarea></div>
       <button type="submit" class="dwm-submit">Send Sample Request</button>
       <div class="dwm-status" id="dwmSampleStatus"></div>
     </form>

← 9e0d434 admin: add dw-theme-nav 20-theme navigator (upper-right, adm · back to Madagascarwallpaper · seo/a11y: add visually-hidden <h1> (site name) for heading s f1c330e →