FAQ Accordion

Community feedback

• 

  abizmo•910

  @abizmoPosted about 2 months ago

  Great use of HTML structure, responsive design, and semantic elements! Improvements to make it even better:

  • Enhance accessibility with aria-expanded, aria-hidden, and keyboard navigation.
  • Use <h2> instead of <button> for the question titles:

  <h2>
    <button class="accordion-btn" aria-expanded="false" aria-controls="answer-1">
      O que é Frontend Mentor e como ele me ajudará?
    </button>
  </h2>
  

  • The answer <div> should have aria-hidden="true" by default and be toggled when expanded.
  • Fix duplicate id (accordion-btn) attributes for the accordion buttons.

  0