Thank you!!! This is exactly what I was looking for. We might have to add border: none and background: none because for some weird reason checkboxes are really hard to make invisible in all browsers. I’m going to add this code en reference you in a bit!
No prob :)
I made an update. I noticed the explicit label while associated with the labeled by was not triggering the mouse click. So I tied the label to the input using hamburger as the id and for. Also added cursor: pointer; to .nav__trigger-finger.
< nav class="nav">
aria-label="click to open the navigation"
< label class="nav_trigger-finger" id="trigger" for="hamburger">
We're a place where coders share, stay up-to-date and grow their careers.
We strive for transparency and don't collect excess data.