FAQ-Accordion with View Transition API

Community feedback

• 

  Javed•200

  @Ofcl-JavedPosted 12 months ago

  This Project really help me learn about accessibility issues and how to use aria and role with html5 semantics. The page seems easily doable but to make able to access by all user even when the navigate through keyboard or screen reader is a great exercise. Really like the project and learn that

  1. If you can avoid using div, use something semantic like frontend mentor gave you attribution with a div

  <div
        class="attribution"
        aria-label="Challenge by and author information"
  >
        Challenge by<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
      Coded by<a href="https://github.com/ofcljaved" target="_blank">ofcljaved</a>.
  </div>
  

  but you can change it to footer tag to implement semantic and get rid of accessibility issue like this

  <footer
        class="attribution"
        aria-label="Challenge by and author information"
      >
        Challenge by<a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
       Coded by <a href="https://github.com/ofcljaved" target="_blank">ofcljaved</a>.
  </footer>
  

  0