FAQ accordion card with HTML CSS and JS

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted about 2 years ago

  Hi, Givi! 👋

  This challenge is straightforward if you use the native HTML element - summary and details tags to create the accordion. After that, for JavaScript, all you need to do is to prevent the users to open more than one accordion panel.

  Also, it is important to know to never use non-interactive elements to create something that has interactivity. In this case, you should not use p element for the accordion. That's because it will not be accessible by keyboard users and won't be pronounced correctly by screen readers.

  Lastly, never limit the height of the body element. It will not allow the users to scroll the page if the page content needs more height. You can see the issue by looking at the site on a mobile landscape view. So, my recommendation is to use min-height instead.

  I hope this helps! Happy coding!

  0