Optimise navigation toggle label for screen readers

This commit is contained in:
Helen Chong 2024-06-07 21:00:55 +08:00
parent ca30dd0e91
commit 9b22c711a0
1 changed files with 1 additions and 1 deletions

View File

@ -1,7 +1,7 @@
<nav class="navbar"> <nav class="navbar">
<input type="checkbox" name="navigation" id="nav-toggle" class="visually-hidden"> <input type="checkbox" name="navigation" id="nav-toggle" class="visually-hidden">
<label for="nav-toggle" aria-label="Navigation menu toggle" class="navbar__control"> <label for="nav-toggle" aria-label="Navigation menu toggle" class="navbar__control">
<span aria-hidden="true">☰</span> Navigation <span aria-hidden="true">Navigation</span>
</label> </label>
<h2 class="visually-hidden">Navigation Manu</h2> <h2 class="visually-hidden">Navigation Manu</h2>
<ul class="navbar__links"> <ul class="navbar__links">