Improve accessibility of navigation menu button

Add `type` and label text.

Fixes #1099
This commit is contained in:
Michael Rose
2017-10-04 11:10:41 -04:00
parent 3282387b42
commit aeebfaa87c
4 changed files with 29 additions and 21 deletions

View File

@ -13,7 +13,10 @@
<li class="masthead__menu-item"><a href="{{ domain }}{{ link.url }}">{{ link.title }}</a></li>
{% endfor %}
</ul>
<button><div class="navicon"></div></button>
<button type="button">
<span class="visually-hidden">{{ site.data.ui-text[site.locale].menu_label | default: "Toggle Menu" }}</span>
<div class="navicon"></div>
</button>
<ul class="hidden-links hidden"></ul>
</nav>
</div>