fix remaining compile warnings

diff --git a/TODO.md b/TODO.md
index ecc7c4a009379dae0d6bbcaf0eb5334a01644b6c..02c87a8beba8b78ff388ae9e4c9fb114fba247d3 100644 (file)
--- a/TODO.md
+++ b/TODO.md
@@ -16,7 +16,6 @@
 
 ## Code cleanup
 
-* fix all a11y warnings during `yarn build`
 * move all bootstrap CSS overwrite rules into a bootstrap.theme.css file
 * move TODO list into github issues
 * aResults vs aPlace vs aFeature variable naming

diff --git a/src/components/MapPosition.svelte b/src/components/MapPosition.svelte
index 2d6376e54a21a9b6139e4f68636ac65b852ada0c..13e401a7027df3b4a418e059a956b5aa98def8aa 100644 (file)
--- a/src/components/MapPosition.svelte
+++ b/src/components/MapPosition.svelte
@@ -94,7 +94,7 @@
     <br>
     mouse position: {mouse_position}
   </div>
-  <div id="map-position-close"><a href="#" on:click={handleHideClick}>hide</a></div>
+  <div id="map-position-close"><a href="#hide" on:click={handleHideClick}>hide</a></div>
 </div>
 
 

diff --git a/src/components/SearchBar.svelte b/src/components/SearchBar.svelte
index 507bffc985a382e957fac189b3d847964791bc6f..a2a8b72b72b16de41b88bc007b6a4953d52c580f 100644 (file)
--- a/src/components/SearchBar.svelte
+++ b/src/components/SearchBar.svelte
@@ -92,8 +92,9 @@
     <form class="form-inline" role="search" accept-charset="UTF-8" action="">
       <div class="form-group">
         <input name="format" type="hidden" value="html">
-        <label>lat</label>
-        <input name="lat"
+        <label for="reverse-lat">lat</label>
+        <input id="reverse-lat"
+               name="lat"
                type="text"
                class="form-control form-control-sm"
                placeholder="latitude"
@@ -102,14 +103,15 @@
            on:click|preventDefault|stopPropagation={handleSwitchCoords}
            class="btn btn-outline-secondary btn-sm"
            title="switch lat and lon">&lt;&gt;</a>
-        <label>lon</label>
-        <input name="lon"
+        <label for="reverse-lon">lon</label>
+        <input id="reverse-lon"
+               name="lon"
                type="text"
                class="form-control form-control-sm"
                placeholder="longitude"
                value="{api_request_params.lon || ''}" />
-        <label>max zoom</label>
-        <select name="zoom" class="form-control form-control-sm" value="{api_request_params.zoom}">
+        <label for="reverse-zoom">max zoom</label>
+        <select id="reverse-zoom" name="zoom" class="form-control form-control-sm" value="{api_request_params.zoom}">
           <option value="" selected={!api_request_params.zoom}>---</option>
           {#each zoomLevels() as zoomTitle, i}
             <option value="{i}" selected={i === api_request_params.zoom}>{i} - {zoomTitle}</option>