Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found

Submitted

FAQ Accordion Card by using HTML/CSS and Javascript

Hyeon Park 350

@hkparkjs

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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,450

@NikolaD93

Posted

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

@hkparkjs

Posted

@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
Discord logo

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