Merge pull request #6 from tom-konda/improve_a11y

Replace span element with label element to improve A11Y

Author: dayjournal

dist/maplibre-gl-opacity.js

@@ -43,7 +43,8 @@ class OpacityControl {
             });
         });
         // レイヤ名追加
-        const layerName = document.createElement('span');
+        const layerName = document.createElement('label');
+        layerName.htmlFor = layerId;
         layerName.appendChild(document.createTextNode(this._baseLayersOption[layerId]));
         this._container.appendChild(layerName);
     }
@@ -67,7 +68,8 @@ class OpacityControl {
             }
         });
         // レイヤ名追加
-        const layerName = document.createElement('span');
+        const layerName = document.createElement('label');
+        layerName.htmlFor = layerId;
         layerName.appendChild(document.createTextNode(this._overLayersOption[layerId]));
         this._container.appendChild(layerName);
     }