Optimise navigation toggle label for screen readers
This commit is contained in:
parent
ca30dd0e91
commit
9b22c711a0
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue