pmtiles-swarm 0.41.2 → 0.41.3

package/CHANGELOG.md

@@ -7,6 +7,15 @@
 ### 🐞 Bug fixes
 - _...Add new stuff here..._
 
+## 0.41.3
+### ✨ Features and improvements
+- **The details panel no longer repeats the archive's name.** It opens directly under the row that
+  names it, so the heading was the same words twice, one line apart — it was there because the panel
+  used to render below the whole table, where nothing said which archive it belonged to. The panel is
+  labelled for assistive technology instead, which has no "just above" to read from.
+
+### 🐞 Bug fixes
+
 ## 0.41.2
 ### ✨ Features and improvements
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pmtiles-swarm",
-  "version": "0.41.2",
+  "version": "0.41.3",
   "description": "BitTorrent distribution for PMTiles map archives: create torrents, watch folders, publish and subscribe to RSS feeds, and seed through qBittorrent or an embedded client",
   "type": "module",
   "main": "src/index.js",

package/src/web/index.html

@@ -228,7 +228,7 @@
         display: flex;
         gap: 0.25rem;
         border-bottom: 1px solid var(--line);
-        margin: -0.25rem 0 1rem;
+        margin: 0 0 1rem;
         flex-wrap: wrap;
       }
       .tabs button {
@@ -1668,8 +1668,13 @@
         const summary = entry.pmtiles ?? {};
         const mode = entry.mode ?? 'mirror';
 
+        // No heading. The panel opens directly under the row that names the
+        // archive, so a title here repeated what the eye had just read one
+        // line above it. Named to assistive technology instead, which has no
+        // "just above" to rely on.
+        panel.setAttribute('role', 'region');
+        panel.setAttribute('aria-label', entry.name);
         panel.innerHTML = `
-          <h2>${escapeHtml(entry.name)}</h2>
           <div class="tabs">
             <button data-tab="general" class="on">General</button>
             <button data-tab="trackers">Trackers</button>