0

I came across pure CSS solutions based on the pseudo selector input:checked, for example

This solutions are very smooth and clever, the absence of JavaScript is good for performance but what about accessibility?

nulll
  • 1,465
  • 1
  • 17
  • 28
  • 1
    I quickly checked your links, and it seems that they aren't screen reader accessible. I can find the checkbox, but when I click on it, nothing appears to happens from my point of view. Jaws 2022 + latest chrome. – QuentinC Sep 28 '22 at 04:26
  • @QuentiC maybe it's something that could be fixed with ARIA attributes? – nulll Sep 28 '22 at 11:02
  • Could you please provide some code in your question? – Andy Sep 28 '22 at 15:26
  • 1
    @nulll: JavaScript is needed to add and handle the appropriate aria-expanded attribute, the checkboxes aren't always well labelled, but beyond that, the problem seem to be more fundamental. I don't find anything appearing or disappearing upon clicking on the checkbox, so for me whether it doesn't work, or I haven't understood what was the purpose / what I'm supposed to find out. Maybe you can explain what the checkboxes are supposed to do in the three live demos ? – QuentinC Sep 28 '22 at 15:46

0 Answers0