fix: screen reader styles, label, text updates

This commit is contained in:
Cory Dransfeldt 2024-06-19 07:49:17 -07:00
parent 435396f0fe
commit 9c394238e0
No known key found for this signature in database
5 changed files with 23 additions and 3 deletions

View file

@ -5,6 +5,7 @@
<div class="flex-centered">
<input id="menu-toggle" type="checkbox" aria-hidden="true" />
<label class="menu-button-container" for="menu-toggle" aria-controls="primary-navigation" aria-expanded="false" tabindex="0">
<span id="menu-label-text" class="screen-readers-only">Toggle mobile menu</span>
<div class="menu-closed" aria-hidden="true">{% tablericon "menu" "Menu closed" %}</div>
<div class="menu-open" aria-hidden="true">{% tablericon "x" "Menu open" %}</div>
</label>