Faq accordion focusing on A11y

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

• I learned about the details element which is semantic html tag for creating accordion.

• I also learned how to hide the default triangle icon of details element on webkit based browsers(Safari) using ::-webkit-details-marker selector

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

• I had some issues with accordion sections kept open even if the other sections are opened.
• In Chrome and Safari using the same name attribute on details element helped solve this issue.
• But in Firefox it doesn't work that way. It can only be done using javascript. But for this solution I tried not to use any JS.
• So, for future development I will add the JS to fix that issue

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

Any feedbacks are welcome