improved tab support

kevinworthington · kevinworthington · commit 35be2143e97b · 2026-03-31T09:01:20.000-06:00
diff --git a/css/style.css b/css/style.css
@@ -1449,6 +1449,32 @@ a[aria-disabled="true"] {
 }
 
 
+.btn:focus, .chip_x:focus,
+.chip_x:focus-visible {
+    /* Remove the 'filled' look and the double outline */
+
+    box-shadow: none !important;
+    /*  Kill all default browser and Bootstrap shadows/outlines */
+    outline: none !important;
+    box-shadow: none !important;
+    text-decoration: none !important;
+
+    /* Apply exactly ONE clean outline */
+    /* Using 2px solid with an offset to prevent 'doubling' */
+    outline: 2px solid #006271 !important; 
+    outline-offset: 1px;
+    
+    /* 3. Ensure it looks like a tight square/circle around the X */
+    display: inline-block;
+    border-radius: 4px;
+}
+.chip_x:focus-visible {
+    background-color: transparent !important;
+}
+/* Optional: If using Chrome/Safari, prevent the outline from looking 'doubled' */
+.form-check-input:focus:not(:focus-visible) {
+    outline: none;
+}
 /* Responsive adjustments for smaller screens */
 @media (max-width: 768px) {
   #footer {
diff --git a/data/Historic Maps.csv b/data/Historic Maps.csv
@@ -755,6 +755,7 @@ Lucas,,WGDC00120,y,https://archives.mountainscholar.org/digital/api/singleitem/c
 Sophia,,WGDC00124,y,https://archives.mountainscholar.org/digital/api/singleitem/collection/,p17393coll166,AllMaps,https://archives.mountainscholar.org/digital/api/singleitem/collection/p17393coll166/id/24876/thumbnail,https://archives.mountainscholar.org/digital/download/collection/p17393coll166/id/24876/size/full,https://archives.mountainscholar.org/iiif/2/p17393coll166:24876/info.json,https://editor.allmaps.org/#/collection?url=https://archives.mountainscholar.org/iiif/2/p17393coll166:24876/info.json,https://annotations.allmaps.org/images/cedf01a033918547,annotations/cedf01a033918547.json,https://allmaps.xyz/maps/c21b712dd4b2b9bc/{z}/{x}/{y}.png,,,County,Otero,,,,,,,,,,,,,,,,,,,,,,,,1952,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,https://archives.mountainscholar.org/digital/collection/p17393coll166/id/24876/rec/1,24876,,,,p17393coll166-24876,"{""type"": ""FeatureCollection"", ""features"": [{""type"": ""Feature"", ""properties"": {""@context"": ""https://schemas.allmaps.org/map/2/context.json"", ""id"": ""https://annotations.allmaps.org/maps/c21b712dd4b2b9bc"", ""type"": ""GeoreferencedMap"", ""created"": ""2024-01-26T20:50:56.386Z"", ""modified"": ""2024-01-26T21:48:11.039Z"", ""resource"": {""id"": ""https://archives.mountainscholar.org/iiif/2/p17393coll166:24876"", ""width"": 12040, ""height"": 7331, ""type"": ""ImageService2""}, ""gcps"": [{""resource"": [2198, 3047], ""geo"": [-104.0136982, 38.1304684]}, {""resource"": [6467, 4665], ""geo"": [-103.630958, 38.0152128]}, {""resource"": [8252, 3671], ""geo"": [-103.4717026, 38.0845247]}, {""resource"": [7630, 3677], ""geo"": [-103.5282072, 38.0845247]}, {""resource"": [4810, 5106], ""geo"": [-103.7834257, 37.9816532]}, {""resource"": [7230, 5107], ""geo"": [-103.5661962, 37.9839834]}], ""resourceMask"": [[9095, 1117], [7814, 1144], [7805, 2453], [6560, 2453], [6551, 3249], [4784, 3249], [4519, 3084], [2423, 2727], [1645, 2691], [1673, 6114], [9132, 6114]], ""transformation"": {""type"": ""polynomial"", ""options"": {""order"": 1}}, ""_allmaps"": {""id"": ""https://annotations.allmaps.org/maps/c21b712dd4b2b9bc"", ""version"": ""https://annotations.allmaps.org/maps/c21b712dd4b2b9bc@222c68a75c106371"", ""image"": {""id"": ""https://annotations.allmaps.org/images/cedf01a033918547"", ""version"": ""https://annotations.allmaps.org/images/cedf01a033918547@6ede7f0ed27fe852"", ""canvases"": []}, ""scale"": 0.12679, ""area"": 1634277643.44}}, ""geometry"": {""type"": ""Polygon"", ""coordinates"": [[[-103.39226157, 38.26711624], [-103.507189987, 38.26527847], [-103.509956095, 38.171987392], [-103.621615403, 38.172071465], [-103.623613802, 38.115341606], [-103.782089301, 38.115460929], [-103.805609217, 38.127238281], [-103.993057219, 38.152823009], [-104.062779201, 38.155441246], [-104.065390545, 37.911484091], [-103.396421247, 37.910980392], [-103.39226157, 38.26711624]]]}}]}",38.04195589,-103.7044061,2642.355462
 Kasper,complete,,y,https://archives.mountainscholar.org/digital/api/singleitem/collection/,p17393coll150,AllMaps,https://archives.mountainscholar.org/digital/api/singleitem/collection/p17393coll150/id/1500/thumbnail,https://tile.loc.gov/image-services/iiif/service:gmd:gmd431m:g4314m:g4314fm:g009961906:00996_1906-0016/full/pct:25/0/default.jpg,https://archives.mountainscholar.org/iiif/2/p17393coll150:1500/info.json,https://editor.allmaps.org/#/collection?url=https://archives.mountainscholar.org/iiif/2/p17393coll150:1500/info.json,https://annotations.allmaps.org/images/8e440e1a8612dc66,annotations/8e440e1a8612dc66.json,https://allmaps.xyz/images/8e440e1a8612dc66/{z}/{x}/{y}@2x.png,"historic, inlandWaters","plss, irrigation, handDrawn",City,Map of the North Park Reservoir and interstate tunnel (sheet 2 of 2),,Unidentified author,,,,,,,,,,Larimer County (Colo.); Wyoming,1907,,,,,,,,,,,1907,,,,,,Sheet 2 of a map of the North Park Reservoir and interstate tunnel between Colorado and Wyoming.,,,,,,Reservoirs -- Colorado -- Larimer County -- Maps,,English,eng,,blueprints (reprographic copies),24 x 36 inches,StillImage,,Carpenter (Delph E. and Family) Papers,Carpenter (Delph E. and Family) Papers,"	
 Series 2: DEC professional papers; Subseries 2.5: Oversize, 1880-1932 and undated",,Colorado State University. Libraries,,,,,The copyright and related rights status of this Item has not been evaluated (https://rightsstatements.org/vocab/CNE/1.0/). Please refer to the organization that has made the Item available for more information.,wdecm039.tif; WDECS02E200039,,,,,Finding aid: https://archives.colostate.edu/repositories/2/resources/193; wwdl,,,,Contained in: Large blueprints. 1906-1909,,,,,,,,wdecm039.jpg,,,,http://cdm17393.contentdm.oclc.org/cdm/ref/collection/p17393coll150/id/1500,1500,,,,p17393coll150-1500,"{""type"": ""FeatureCollection"", ""features"": [{""type"": ""Feature"", ""properties"": {""@context"": ""https://schemas.allmaps.org/map/2/context.json"", ""id"": ""https://annotations.allmaps.org/maps/86d02d6941be3cf0"", ""type"": ""GeoreferencedMap"", ""created"": ""2025-12-05T20:42:03.501Z"", ""modified"": ""2025-12-05T20:42:03.501Z"", ""resource"": {""id"": ""https://archives.mountainscholar.org/iiif/2/p17393coll150:1500"", ""uri"": ""https://archives.mountainscholar.org/iiif/2/p17393coll150:1500"", ""type"": ""ImageService2"", ""width"": 7279, ""height"": 4805}, ""gcps"": [{""id"": ""0833866aede666b9"", ""index"": 0.22854264028111204, ""resource"": [2357, 1865], ""geo"": [-106.34578297201736, 40.99987526795974]}, {""id"": ""9e686b916d4872d4"", ""index"": 1.4334507287334626, ""resource"": [1420, 1796], ""geo"": [-106.35259795715756, 40.973839480647655]}, {""id"": ""f841ae1a7b723534"", ""index"": 2.033099360451952, ""resource"": [1111, 2330], ""geo"": [-106.33333780262298, 40.96503677554378]}], ""resourceMask"": [[495, 1306], [535, 2869], [1791, 2852], [2757, 2818], [4229, 346]], ""transformation"": {""type"": ""polynomial"", ""options"": {""order"": 1}}, ""_allmaps"": {""id"": ""https://annotations.allmaps.org/maps/86d02d6941be3cf0"", ""version"": ""https://annotations.allmaps.org/maps/86d02d6941be3cf0@23974c3f6d8e2c8d"", ""image"": {""id"": ""https://annotations.allmaps.org/images/8e440e1a8612dc66"", ""version"": ""https://annotations.allmaps.org/images/8e440e1a8612dc66@3aef7236e5a9b36c"", ""canvases"": []}, ""scale"": 0.315347, ""area"": 56909750.28}}, ""geometry"": {""type"": ""Polygon"", ""coordinates"": [[[-106.37562314, 40.948289609], [-106.315066904, 40.948800583], [-106.310161432, 40.983753275], [-106.307196938, 41.01063114], [-106.396172199, 41.052497903], [-106.37562314, 40.948289609]]]}}]}",40.99313919,-106.351249,99.98402365
+Kevin,,,,https://archives.mountainscholar.org/digital/api/singleitem/collection/,p17393coll113,AllMaps,https://archives.mountainscholar.org/digital/api/singleitem/collection/p17393coll13/id/4499/thumbnail,https://archives.mountainscholar.org/digital/download/collection/p17393coll12/id/4499/size/full,https://archives.mountainscholar.org/iiif/2/p17393coll13:4499/info.json,https://editor.allmaps.org/#/collection?url=https://archives.mountainscholar.org/iiif/2/p17393coll13:4499/info.json,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,https://archives.mountainscholar.org/digital/collection/p17393coll13/id/4499/rec/1,4499,,,,p17393coll13-4499,,,,
 Kevin,,,y,,,AllMaps,"https://tile.loc.gov/image-services/iiif/service:gmd:gmd431m:g4314m:g4314fm:g009961906:00996_1906-0016/full/337,/0/default.jpg",https://tile.loc.gov/image-services/iiif/service:gmd:gmd431m:g4314m:g4314fm:g009961906:00996_1906-0001/full/pct:12.5/0/default.jpg,https://www.loc.gov/item/sanborn00996_005/manifest.json,https://editor.allmaps.org/#/collection?url=https://www.loc.gov/item/sanborn00996_005/manifest.json,https://annotations.allmaps.org/images/f044228ea0ca8b38,annotations/f044228ea0ca8b38.json,,"historic,structure,economy,structure","roads,buildings",City,"Sanborn Fire Insurance Map from Fort Collins, Larimer County, Colorado. 16",,Sanborn Map Company,,,,,,,,,,,1906,,,,,,,,,,,1906-03,,,,,,,,,,,,,,,,,,,,,,,,,Library of Congress,"The content of the Library of Congress online Sanborn Maps Collection is in the public domain and is free to use and reuse.
 
 Credit Line: Library of Congress, Geography and Map Division, Sanborn Maps Collection.
diff --git a/js/filter_manager.js b/js/filter_manager.js
@@ -87,6 +87,21 @@ class Filter_Manager {
 
        } , "500");
        }
+    // add 'enter' key support for bootstap - default is just space bar
+    $(document).on('keydown', '.form-check-input', function(e) {
+            // Check if the key pressed is Enter (13) or Space (32)
+            if (e.which === 13) {
+                $(this).click(); 
+                e.preventDefault(); // Prevents page jumping when hitting Space
+            }
+        });
+        $(document).on('keydown', '.chip_x', function(e) {
+            // Check if the key pressed is Enter (13) or Space (32)
+            if (e.which === 13 || e.which === 32 ) {
+                $(this).click(); 
+                e.preventDefault(); // Prevents page jumping when hitting Space
+            }
+        });
         
 
     }
@@ -280,7 +295,7 @@ class Filter_Manager {
         var id =_id+ext
 
         //create a list of selected filters to easily keep track
-        var html="<div class='chip blue lighten-4' id='"+id+"'><span class='chip-text'>"+text+"</span><a class='bi bi-x btn chip_x' ></a></div>"
+        var html=`<div class='chip blue lighten-4' id='${id}' ><span class='chip-text'>${text}</span><a class='bi bi-x btn chip_x' tabindex="0" role="button" aria-label="Remove filter"></a></div>`
         //if exists update it
         if($( "#"+id ).length) {
             $( "#"+id +" span").html(text)
diff --git a/js/image_manager.js b/js/image_manager.js
@@ -15,6 +15,15 @@ class Image_Manager {
 
         this.image_map._resetView(this.image_map.getCenter(), this.image_map.getZoom());
         this.add_close_control()
+        $(".leaflet-close-but").attr("tabindex", "0");
+        $(document).on('keydown', '.leaflet-close-but', function(e) {
+            // Check if the key pressed is Enter (13) or Space (32)
+            if (e.which === 13 || e.which === 32) {
+                $(this).click(); 
+                e.preventDefault(); // Prevents page jumping when hitting Space
+            }
+        });
+
         this.add_load_control()
 
         //add resize control
diff --git a/js/layer_manager.js b/js/layer_manager.js
@@ -83,6 +83,17 @@ class Layer_Manager {
        $("#map_panel_scroll").scrollTop(scrollTop-Math.round(delta));
     });
 
+        $(document).on('keydown', '.leaflet-marker-icon', function(e) {
+        // 13 is 'Enter', 32 is 'Space'
+        if (e.which === 13 || e.which === 32) {
+            // Trigger the Leaflet 'click' event
+            $(this).trigger('click');
+            
+            // Prevent page from scrolling down if 'Space' is pressed
+            e.preventDefault();
+        }
+    });
+
   }
   update_layer_order(){
     //based on the sortable
@@ -870,10 +881,13 @@ class Layer_Manager {
         feature.id= feature.features[0].id
          geo =L.geoJSON(feature, {pane: _resource_id, style: style,
             pointToLayer: function(feature, latlng) {
-                return L.marker(latlng, {  icon: map_manager.get_marker_icon(extra)});
+                return L.marker(latlng, {  icon: map_manager.get_marker_icon(extra),keyboard: true});
             },onEachFeature: function(feature, layer){
-                            
+                             
                 layer.on('click', function (e) {
+                    //keep track of who was clicked
+                    console.log(e)
+                    layer_manager.lastFocusedMarker=e.target
                      var text = LANG.RESULT.ADD
                     var _class ="btn-primary"
                    var p = e.target.feature.properties
@@ -889,10 +903,17 @@ class Layer_Manager {
                      html+=`<button type="button" class="btn btn-primary" style='display:none;' onclick="layer_manager.zoom_layer('0','${p.id}')">Zoom</button>`
                      html+=`<button type="button" class="btn btn-success" onclick="filter_manager.select_item(0,'${p.id}')">Details</button>`
         
-                    L.popup()
+                    var popup = L.popup()
                         .setLatLng(e.latlng)
                         .setContent(html)
                         .openOn(map_manager.map);
+
+                    popup.on('remove', function () {
+                        if (layer_manager.lastFocusedMarker?._icon) {
+                            layer_manager.lastFocusedMarker._icon.focus();
+                            layer_manager.lastFocusedMarker = null;
+                        }
+                    });
                 });
              }
         })
