Accordion accessible y reutilizable solo con la etiqueta details y css

Bienvenides a una nueva entrada de mi sección dedicada a realizar componentes reutilizables y, sobre todo, accesibles. En esta ocasión vamos a aprender cómo utilizar la etiqueta HTML details para realizar un accordion o acordión.

Repositorio: https://github.com/micaavigliano/accordion

Proyecto: https://accordion-five-sandy.vercel.app/

Para que nuestro accordion sea accesible debemos tener en cuenta los siguientes puntos:

• cuando el foco esta en el header del accordion debe poder colapsarse y expandirse presionando las teclas enter o space
  


• al presionar tab el foco se mueve …

a11y css html programming typescript webdev