https://medium.com/@linlinghao/accessibility-for-hamburger-menu-a37fa9617a89
<a="#menu" id="menu-toggle" class="menu-toggle" aria-label="Open the menu">
<i class="fa fa-bars" aria-hidden="true"></i>
</a>
<!-- https://codepen.io/jonraedeke/pen/WRwJQX -->
<div class="nav__bar">
<input type="checkbox" id="toggle" aria-hidden="true" />
<label for="toggle" class="nav__icon" aria-hidden="true">
Expand the menu
<span class="nav__icon-line"></span>
<span class="nav__icon-line"></span>
<span class="nav__icon-line"></span>
</label>
<nav role="navigation" class="nav">
<ul class="nav__items">
<li class="nav__item"><a href="#">Item 1</a></li>
<li class="nav__item"><a href="#">Item 2</a></li>
<li class="nav__item"><a href="#">Item 3</a></li>
</ul>
</nav>
</div>