Hacker News new | ask | show | jobs
by asimpletune 1163 days ago
You can do so much with pure css. Using checkboxes elements to toggle menus comes to mind as one of the lowest hanging fruits. Also detail elements are great.
1 comments

As much as I like the idea of checkbox toggled panels, it’s worth pointing out that that technique is inaccessible.
Really? Can you explain this a little more? If memory serves I use close/open check boxes that have labels with descriptive aria and IDs. Then toggling one hides itself and reveals the other.
Typically you’d want to toggle aria-expanded to give more hints to users as to what’s actually happening. You also can’t trap focus into the menu purely with CSS, at a minimum you’ll need to use some JS to set an inert attribute. More info / examples here: https://adrianroselli.com/2023/03/css-only-widgets-are-inacc...
You can do that as progressive enhancement on top of the CSS-only checkbox solution though.