simplify application and remove window references

public/index.html

@@ -8,8 +8,8 @@
   <link rel="stylesheet" href="css/bootstrap.css">
 </head>
 <body>
-  <div id="bootstrap-screen" role="status" aria-live="polite">
-    <section aria-label="Anwendung wird initialisiert">
+  <div id="bootstrap-screen" aria-live="polite" aria-busy="true">
+    <section>
       <span aria-hidden="true">🧭</span>
       <h1>Wegwichtel</h1>
       <p>Der Wegwichtel bereitet Routen und Medien vor.</p>
@@ -31,20 +31,20 @@
   </div>
 
   <main id="app-shell" hidden>
-    <section id="routes-page" class="app-page" aria-label="Routenauswahl">
+    <section id="routes-page" class="app-page">
       <header>
         <h1>Wegwichtel</h1>
       </header>
 
       <div class="content">
-        <p id="location-hint" class="notice">Standort wird ermittelt.</p>
+        <p id="location-hint" class="notice">Standort wird für nahe Routen lokal auf diesem Gerät ermittelt.</p>
 
-        <section aria-label="Routen in der Nähe">
+        <section>
           <h2>Routen in deiner Nähe</h2>
           <ul id="nearby-route-list" class="route-list" aria-live="polite"></ul>
         </section>
 
-        <section aria-label="Alle Routen">
+        <section>
           <h2>Alle Routen</h2>
           <label for="route-search">Routen durchsuchen</label>
 
@@ -64,7 +64,7 @@
       </div>
     </section>
 
-    <section id="route-page" class="app-page" aria-label="Ausgewählte Route" hidden>
+    <section id="route-page" class="app-page" hidden>
       <header>
         <button class="back-button" type="button" data-page-target="#routes-page" aria-label="Zurück zur Routenauswahl" title="Zurück zur Routenauswahl">
           <img src="images/icons/back.svg" alt="">
@@ -75,13 +75,14 @@
       <div class="content">
         <p id="route-description"></p>
 
-        <dl class="route-facts">
+        <dl>
           <div><dt>Länge</dt><dd id="route-distance">–</dd></div>
           <div><dt>Höhenmeter</dt><dd id="route-elevation">–</dd></div>
           <div><dt>POIs</dt><dd id="route-poi-count">–</dd></div>
         </dl>
 
-        <div class="route-controls" role="group" aria-label="Routensteuerung">
+        <fieldset>
+          <legend>Routensteuerung</legend>
           <button id="start-route" type="button" aria-label="Route starten" title="Route starten">
             <img src="images/icons/play.svg" alt="">
           </button>
@@ -91,7 +92,7 @@
           <button id="stop-route" type="button" aria-label="Route beenden" title="Route beenden" disabled>
             <img src="images/icons/stop.svg" alt="">
           </button>
-        </div>
+        </fieldset>
         <p id="tracking-status" class="notice" hidden></p>
 
         <h2>Stationen</h2>
@@ -99,7 +100,7 @@
       </div>
     </section>
 
-    <section id="poi-page" class="app-page" aria-label="Station" hidden>
+    <section id="poi-page" class="app-page" hidden>
       <header>
         <button class="back-button" type="button" data-page-target="#route-page" aria-label="Zurück zur Route" title="Zurück zur Route">
           <img src="images/icons/back.svg" alt="">
@@ -113,18 +114,19 @@
             <img id="slide-image" alt="">
           </figure>
 
-          <div id="slide-controls" role="group" aria-label="Bildnavigation">
+          <fieldset>
+            <legend>Bildnavigation</legend>
             <button id="slide-prev" type="button" aria-label="Vorheriges Bild" title="Vorheriges Bild">
               <img src="images/icons/chevron-left.svg" alt="">
             </button>
-            <div class="slide-meta">
+            <div>
               <p id="slide-caption"></p>
-              <span id="slide-position" aria-live="polite">0 / 0</span>
+              <span id="slide-position">0 / 0</span>
             </div>
             <button id="slide-next" type="button" aria-label="Nächstes Bild" title="Nächstes Bild">
               <img src="images/icons/chevron-right.svg" alt="">
             </button>
-          </div>
+          </fieldset>
         </div>
 
         <p id="poi-description"></p>