room(TK-11101): fix remaining ARIA delta — listbox/tablist/tab/option->group+aria-pressed (surgical, post dead-orb ALL-CLEAR)

dbeda45ff49e480fc357d9458829e0469dbc57ab · 2026-09-02 10:58:09 -0700 · Steve Abrams

Files touched

M room/index.html

Diff

commit dbeda45ff49e480fc357d9458829e0469dbc57ab
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Sep 2 10:58:09 2026 -0700

    room(TK-11101): fix remaining ARIA delta — listbox/tablist/tab/option->group+aria-pressed (surgical, post dead-orb ALL-CLEAR)
---
 room/index.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/room/index.html b/room/index.html
index 31578bc..eae4e19 100644
--- a/room/index.html
+++ b/room/index.html
@@ -282,9 +282,9 @@
     </header>
     <div class="mrbody" id="mrbody">
       <input class="mr-search" id="mrSearch" type="search" placeholder="🔍 Search the archive — date, city, song…" aria-label="Search the Grateful Dead archive">
-      <div class="mr-src" id="mrSrc" role="tablist" aria-label="Choose a music source"></div>
+      <div class="mr-src" id="mrSrc" role="group" aria-label="Choose a music source"></div>
       <div class="mr-map-head"><span id="mrMapLabel">Tap a year</span><button type="button" class="mr-allbtn on" id="mrAll">All years</button></div>
-      <div class="mr-map" id="mrMap" role="listbox" aria-label="Browse shows by year"></div>
+      <div class="mr-map" id="mrMap" role="group" aria-label="Browse shows by year"></div>
       <input type="hidden" id="mrYear" value="">
       <div class="mr-results" id="mrResults" role="list"></div>
       <div class="mr-picks">Curated nights:</div>
@@ -1854,7 +1854,7 @@ function buildMap(){
   mapEl.innerHTML='';
   YEARS.forEach(y=>{
     const b=document.createElement('button'); b.type='button'; b.className='mr-yr loading';
-    b.dataset.y=String(y); b.setAttribute('role','option'); b.title=y+' — counting…';
+    b.dataset.y=String(y); b.title=y+' — counting…';
     b.innerHTML=`<span class="yl">${y}</span><span class="yc">…</span>`;
     b.addEventListener('click',()=>setYear(y));
     b.addEventListener('mouseenter',()=>{ const c=counts[ck(window.MR_SRC,y)]; if(c!=null) mapLabel.textContent=`${y} · ${c.toLocaleString()} shows`; });
@@ -1881,11 +1881,11 @@ function buildMap(){
 
 if(srcEl){
   srcEl.innerHTML=Object.entries(window.MR_SOURCES).map(([k,s])=>
-    `<button type="button" data-src="${k}" class="${k===window.MR_SRC?'on':''}" role="tab" aria-selected="${k===window.MR_SRC}"><b>${s.label}</b><span class="yr">${s.years}</span></button>`).join('');
+    `<button type="button" data-src="${k}" class="${k===window.MR_SRC?'on':''}" aria-pressed="${k===window.MR_SRC}"><b>${s.label}</b><span class="yr">${s.years}</span></button>`).join('');
   srcEl.addEventListener('click',e=>{
     const btn=e.target.closest('button[data-src]'); if(!btn||btn.dataset.src===window.MR_SRC) return;
     window.MR_SRC=btn.dataset.src;
-    [...srcEl.children].forEach(c=>{ const on=c.dataset.src===window.MR_SRC; c.classList.toggle('on',on); c.setAttribute('aria-selected',String(on)); });
+    [...srcEl.children].forEach(c=>{ const on=c.dataset.src===window.MR_SRC; c.classList.toggle('on',on); c.setAttribute('aria-pressed',String(on)); });
     yearEl.value=''; allBtn.classList.add('on'); mapLabel.textContent='Tap a year';
     buildMap(); searchArchive(searchEl?searchEl.value:'');
   });

← 29702f8 docs(TK-11100): 390px mobile dock/Music-Room overlap — repro · back to Dead Agentabrams · TK-11100: commit localhead QA audit trail (text/JSON only; b 7bf0e6c →