Skip to content
Submitted almost 2 years ago

FAQ Accordion Card by using HTML/CSS and Javascript

Hyeon Park•350
@hkparkjs
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I was struggling with setting header image layout and adding show/hide answers, but it was very interesting challenge!

Feel free to leave comments how can I improve my code. Thank you! :)

Community feedback

  • Nikola D•1,510
    @NikolaD93Posted almost 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    1.Make sure to write some description on all of your images in the alt attribute. 👇

    https://www.w3schools.com/tags/att_img_alt.asp

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    1
    Hyeon Park•350
    @hkparkjsPosted almost 2 years ago

    @Nikola1232456

    Hi Nikola D!

    Thank you for the suggestion, but For accessibility, I didn't write anything in the alt attribute.

    I thought the all images on the page was only for decorative.

    I refered to the below page. (Rule 5)

    https://abilitynet.org.uk/news-blogs/five-golden-rules-compliant-alt-text

    If I have the wrong understanding, please let me know.

    Have a nice day! ✨

    1

Please log in to post a comment

Log in with GitHub

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