FAQ accordion page using HTML, CSS and JS

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted 8 months ago

  Hi ramneekdev089

  I have gone through you project , below is my suggestion:

  HTML

  • They are recommended methods that should be used when you are using more than image that should be displayed depending on screen sizes. Such images should be displayed using the srcset , picture element or as background images. Refer to MDN responsive images on how to implement these. Another point to note , is that images should have a meaningful alt value. The alt value should carry a descriptive message that can be interpreted by screen readers or in the event that the image fails to load - the message should be clear. If the image is decorative - then the alt value should be blank.
  • interactive elements such as buttons should have readable text , that is the only way assistive technology users are able to tell how they should handle the button. A button without text is confusing to users.
  • read also the following article on how to create an accessible disclosure pattern

  CSS

  • a modern reset stylesheet is needed so that the site can be adaptive to various browsers

  • font sizes should be written in either rem or em, px values are not recommended since they are not responsive. The following article can explain better on the reasons why font sizes should never be in px values

  Marked as helpful

  0

  ---

  

  ramneekdev089•30

  @ramneekdev089Posted 8 months ago

  @ChamuMutezva Thanks a lot

  0