fix: localize atlas aria landmarks

Author: rosuH

atlas/index.html

@@ -112,7 +112,7 @@ <h1 class="track-title" id="track-title">Loading...</h1>
 
         <div class="waveform" id="waveform" aria-hidden="true"></div>
 
-        <div class="controls" role="group" aria-label="Audio controls">
+        <div class="controls" id="audio-controls" role="group" aria-label="Audio controls">
           <button id="prev-btn" class="ctrl-btn" type="button" aria-label="Previous stop">
             <svg viewBox="0 0 24 24" aria-hidden="true">
               <path d="M15 6l-6 6 6 6"></path>

atlas/js/app.js

@@ -49,7 +49,9 @@ const ui = {
   shareInstagram: getEl("#share-instagram-btn"),
   shareX: getEl("#share-x-link"),
   shareCopy: getEl("#share-copy-btn"),
+  shareDock: getEl("#share-dock"),
   stage: getEl("#stage"),
+  audioControls: getEl("#audio-controls"),
   expandedFace: document.querySelector(".stamp-expanded"),
   miniStamp: getEl("#mini-stamp"),
   miniExpand: getEl("#mini-expand-btn"),
@@ -182,6 +184,9 @@ function renderStaticCopy() {
 
   document.documentElement.lang = state.locale;
   document.title = text.documentTitle;
+  ui.stage.setAttribute("aria-label", text.siteLabel);
+  ui.shareDock.setAttribute("aria-label", text.shareDock);
+  ui.audioControls.setAttribute("aria-label", text.audioControls);
   ui.volumeMark.textContent = text.volume;
   ui.miniVolumeMark.textContent = text.volume;
   ui.backdropNote.querySelector(".backdrop-note-kicker").textContent = text.fieldNote;
@@ -425,10 +430,6 @@ function setBackdropImage(src, title) {
   }
 }
 
-function descriptionForStop(stop) {
-  return displayStop(stop).fieldNote || displayStop(stop).description;
-}
-
 function currentStop() {
   return state.stops[state.index] || null;
 }

tests/test_atlas_static.py

@@ -113,6 +113,17 @@ def test_app_imports_i18n_module():
     assert 'from "./i18n.js"' in script
 
 
+def test_app_localizes_accessibility_landmarks():
+    script = JS_PATH.read_text(encoding="utf-8")
+
+    assert 'stage: getEl("#stage")' in script
+    assert 'shareDock: getEl("#share-dock")' in script
+    assert 'audioControls: getEl("#audio-controls")' in script
+    assert 'ui.stage.setAttribute("aria-label", text.siteLabel);' in script
+    assert 'ui.shareDock.setAttribute("aria-label", text.shareDock);' in script
+    assert 'ui.audioControls.setAttribute("aria-label", text.audioControls);' in script
+
+
 def test_language_switcher_has_accessible_interaction_styles():
     css = CSS_PATH.read_text(encoding="utf-8")
 
@@ -328,7 +339,7 @@ def test_minimized_player_shows_curated_field_note_next_to_print():
     assert "left: calc(" in css
     assert "max-width: min(28vw, 360px)" in css
     assert page.find(class_="backdrop-note-kicker").get_text(strip=True) == "FIELD NOTE"
-    assert "descriptionForStop" in script
+    assert "descriptionForStop" not in script
     assert "ui.backdropNoteBody.textContent = localized.fieldNote || localized.description;" in script
     assert "ui.desc.textContent = localized.fieldNote || localized.description;" in script