[object Object]

← back to Commercialrealestate

direct-listings: add aria-label to density slider (a11y — Cody gate)

7777839ae8ad90cd10bd4f97e34f3950b0fa6279 · 2026-08-20 13:19:24 -0700 · Steve Abrams

Contrarian caught the density range had no accessible name (decorative glyph +
title only). Added aria-label='Row density' + aria-hidden on the icon glyph.

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

Files touched

Diff

commit 7777839ae8ad90cd10bd4f97e34f3950b0fa6279
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Aug 20 13:19:24 2026 -0700

    direct-listings: add aria-label to density slider (a11y — Cody gate)
    
    Contrarian caught the density range had no accessible name (decorative glyph +
    title only). Added aria-label='Row density' + aria-hidden on the icon glyph.
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/direct-listings.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/direct-listings.html b/public/direct-listings.html
index f192c3f..303db50 100644
--- a/public/direct-listings.html
+++ b/public/direct-listings.html
@@ -57,7 +57,7 @@ td.price{color:var(--gold);font-weight:600}
     <input class="search" id="q" placeholder="search agent, firm, address, city…">
     <div class="chips" id="srcChips"></div>
     <select id="sort"></select>
-    <label class="dens-ctrl" title="Row density"><span class="dens-ic">≡</span><input type="range" id="dens" min="4" max="16" step="1" value="7"></label>
+    <label class="dens-ctrl" title="Row density"><span class="dens-ic" aria-hidden="true">≡</span><input type="range" id="dens" min="4" max="16" step="1" value="7" aria-label="Row density"></label>
     <span class="count" id="count"></span>
   </div>
   <div class="tablewrap"><table><thead id="thead"></thead><tbody id="tbody"></tbody></table></div>

← 2645a22 direct-listings: add density slider (Steve grid rule — every  ·  back to Commercialrealestate  ·  loan-officers: add LA-County 'Officer'-type MLOs (+107 uniqu 6c05d36 →