Submitted 10 months ago

flexbox

Matheus M Almeida•150

@matheusmirandaalmeida

Preview site View code

This is a solution for...FAQ accordion

HTML
CSS
JS

1newbie

Design comparison

SolutionDesign

Solution retrospective

I made it so that when clicking the button it minimized or expanded the content, however, I say that there was a bug, when clicking the first time the first button will have to be clicked again, after that it will be normal, requiring only one click.

Community feedback

Daniel 🛸•44,250
@danielmrz-devPosted 10 months ago
Fala, @matheusmirandaalmeida!

Seu projeto ficou ótimo!

Tenho apenas duas sugestões:

Adiciona um cursor: pointer; ao ícone pra dar mais uma indicação visual de que é um elemento clicável. Isso ajuda também a melhorar a acessibilidade do projeto.

Além disso, ao invés de abrir a pergunta quando clicar apenas no ícone, configura o Javascript pra abrir a pergunta quando clicar nela também, não apenas no ícone. Assim, o campo de clique aumenta e fica mais fácil de abrir a pergunta. Isso também melhora bastante a acessibilidade.

Sobre esse bug de clicar duas vezes pra abrir, os meus projetos tem esse mesmo problema, mas eu ainda não descobri como arrumar. Caso eu descubra, venho aqui te falar. E se você descobrir antes, por favor, me fala 😊

Espero que ajude!

Abraço!
Marked as helpful
1
Matheus M Almeida•150
@matheusmirandaalmeidaPosted 10 months ago
Olá! @danielmrz-dev obrigado pelo o feedback e a dica, farei isso. Referente ao bug quando eu resolver te aviso. Obrigado!
1

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord