FAQ accordion | SCSS, Vite

What are you most proud of, and what would you do differently next time?

I learned about the accordion pattern. It was very rewarding to test the solution with a keyboard and focus on the accessibility parts.

I'm happy to have implemented a no-script behaviour. It works when you disable javaScript and refresh the page.

What challenges did you encounter, and how did you overcome them?

Understanding the accessible disclosure requirement and switching the correct aria attributes based on interaction.

The documentation from APG is a bit complex on the javaScript part.

Grace post about this topic helped a lot - https://fedmentor.dev/posts/disclosure-ui/

What specific areas of your project would you like help with?

How would you add animation to this solution, without changing to much the current code.