craft icon indicating copy to clipboard operation
craft copied to clipboard

Toggle rewrite challenge

Open KarelJanVanHaute opened this issue 1 year ago • 0 comments

Our toggle (accordion) component is now made with aria in mind and works ok. But there is a native construction for things like this. This should be better to use.

So the challenge is to rewrite it to use the

syntax. Maybe we should also rename the toggleComponent to accordionComponent?

Some resources: https://www.anysurfer.be/nl/documentatie/artikels/detail/inhoud-tonen-of-verbergen https://gomakethings.com/creating-a-progressively-enhanced-accordion-with-the-details-and-summary-elements-and-11-lines-of-javascript/ https://daverupert.com/2019/12/why-details-is-not-an-accordion/ https://blog.learningtoo.eu/expanding-summary-details-accessibly https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/ https://fronteers.nl/blog/2019/12/maak-deze-kerst-een-vriend-blij-met-lekker-makkelijke-collapsibles

KarelJanVanHaute avatar Feb 15 '24 11:02 KarelJanVanHaute