FAQ Accordion Solution

great let's.................... connect❤️

O projeto ficou legal, bem animado e tudo, parabéns! Mas há algumas coisas que parece que você perdeu o costume de uns tempos para cá... tanto os atributos ARIA quanto as tags semânticas, não sei se tem um motivo específico para isso mas vou aqui dizer o que dá para acrescentar e que talvez você não saiba ainda

Dicas HTML

• Ao invés de utilizar div para conter os títulos clicáveis para exibir os detalhes, seria recomendado utilizar a tag <summary> para o título junto com a tag <details> para os detalhes relacionados ao título. Você pode ler mais clicando aqui https://www.w3schools.com/tags/tag_summary.asp
• É altamente recomendado a utilização do atributo aria-hidden para ocultar os textos que não estão sendo exibidos e atualizar o valor utilizando javascript ( já falei desse atributo alguns meses atrás ). Há outros atributos que daria para utilizar como o aria-selected que indica se tal conteúdo foi selecionado ou não mas foca no aria-hidden para não se confundir muito. As vezes é melhor não ter ARIA do que usar ARIA errado. Se quiser ler mais sobre o aria-selected, clique aqui https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected