From 68f6dd58c1bde4977993025712ceb6d77b3dc4ec Mon Sep 17 00:00:00 2001
From: Kenrick Tandrian <kenricktan11@gmail.com>
Date: Mon, 22 Dec 2025 12:19:19 +0700
Subject: [PATCH 1/2] fix(a11y): change labels for destination photos btn

---
 static/scenes/modvil/elements/modvil-tracker-photos.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/scenes/modvil/elements/modvil-tracker-photos.js b/static/scenes/modvil/elements/modvil-tracker-photos.js
index d441340e1..b71b85909 100644
--- a/static/scenes/modvil/elements/modvil-tracker-photos.js
+++ b/static/scenes/modvil/elements/modvil-tracker-photos.js
@@ -277,7 +277,7 @@ class ModvilTrackerStatsElement extends LitElement {
       <h1>${d.city}</h1>
       <h2>${d.region}</h2>
     </div>
-    <button class="hint button-open" @click=${() => this.open = true}></button>
+    <button aria-label="${d.city}, ${d.region}, Local Guide images" class="hint button-open" @click=${() => this.open = true}></button>
   </div>
   <div class="view-open">
     <button class="hint button-close" @click=${() => this.open = false}></button>

From 15e96055a7723a5eae02213bbe444116ec475e09 Mon Sep 17 00:00:00 2001
From: Kenrick Tandrian <kenricktan11@gmail.com>
Date: Mon, 22 Dec 2025 12:19:46 +0700
Subject: [PATCH 2/2] fix(a11y): make individual destination links hidden when
 not opened

---
 static/scenes/modvil/elements/modvil-tracker-photo.js  | 3 ++-
 static/scenes/modvil/elements/modvil-tracker-photos.js | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/scenes/modvil/elements/modvil-tracker-photo.js b/static/scenes/modvil/elements/modvil-tracker-photo.js
index 4633d9c54..e3e4071f2 100644
--- a/static/scenes/modvil/elements/modvil-tracker-photo.js
+++ b/static/scenes/modvil/elements/modvil-tracker-photo.js
@@ -35,6 +35,7 @@ class ModvilTrackerPhotoElement extends LitElement {
       _href: {type: String},
       _author: {type: String},
       brand: {type: Boolean},
+      disabled: {type: Boolean},
     };
   }
 
@@ -59,7 +60,7 @@ class ModvilTrackerPhotoElement extends LitElement {
 <div class="inner">
   <slot></slot>
   <div class="attribution ${this.brand ? 'brand' : ''}">
-    <a target="_blank" href=${ifDefined(this._href)}>${this._author}</a>
+    <a aria-hidden="${this.disabled ? 'true' : 'false'}" tabindex="${this.disabled ? '-1' : '0'}" target="_blank" href=${ifDefined(this._href)}>${this._author}</a>
   </div>
 </div>
     `;
diff --git a/static/scenes/modvil/elements/modvil-tracker-photos.js b/static/scenes/modvil/elements/modvil-tracker-photos.js
index b71b85909..bd7c8123b 100644
--- a/static/scenes/modvil/elements/modvil-tracker-photos.js
+++ b/static/scenes/modvil/elements/modvil-tracker-photos.js
@@ -149,6 +149,7 @@ class ModvilTrackerStatsElement extends LitElement {
         this._photoNode.append(node);
         node.offsetLeft;  // and forcing layout, important
         node.style.transform = null;
+        node.disabled = !this.open;
       });
 
       // Extra control.
@@ -248,6 +249,7 @@ class ModvilTrackerStatsElement extends LitElement {
 
       node.toggleAttribute('large', !!this.open);
       node.setAttribute('appear', '');
+      node.disabled = !this.open;
       this._photoNode.prepend(node);
       await node.updateComplete;
       await new Promise((resolve) => {