Because accessibility matters

index.html

@@ -76,7 +76,7 @@
 	</style>
 
 	<div id="map-indicator">
-		<ion-icon name="map-outline"></ion-icon>
+		<ion-icon name="map-outline" aria-label="Map indicator" title="Map indicator"></ion-icon>
 
 		<div class="loader" style="display: none;">
 			<svg class="circular-loader" viewBox="25 25 50 50">
@@ -117,7 +117,7 @@ <h3>Stage</h3>
 								<input type="number" step="any" class="latitude" min="0" max="90" aria-label="Latitude"
 									name="latitude" required>
 							</label>
-							<select class="latitude" name="latitude-format">
+							<select class="latitude" name="latitude-format" aria-label="Latitude format">
 								<option value="°N">°N</option>
 								<option value="°S">°S</option>
 							</select>
@@ -129,7 +129,7 @@ <h3>Stage</h3>
 								<input type="number" step="any" class="longitude" min="0" max="180"
 									aria-label="Longitude" name="longitude" required>
 							</label>
-							<select class="longitude" name="longitude-format">
+							<select class="longitude" name="longitude-format" aria-label="Longitude format">
 								<option value="°E">°E</option>
 								<option value="°W">°W</option>
 							</select>
@@ -141,7 +141,7 @@ <h3>Stage</h3>
 								<input type="number" step="any" min="0" class="speed" aria-label="Wind Speed"
 									name="speed">
 							</label>
-							<select class="speed" name="speed-format">
+							<select class="speed" name="speed-format" aria-label="Wind speed format">
 								<option value="kph">kph</option>
 								<option value="mph">mph</option>
 								<option value="kt">kt</option>
@@ -247,7 +247,7 @@ <h3>Stage</h3>
 	<div id="image-container" class="hidden">
 		<img id="loader" src="static/media/cyclone.png" alt="loading" loading="lazy" />
 		<img id="output" alt="generated track map" class="hidden" />
-		<button type="submit" id="close">
+		<button type="submit" id="close" title="Close">
 			<ion-icon name="close-outline" aria-hidden="true"></ion-icon>
 		</button>
 	</div>