Design comparison
Solution retrospective
when you press your tab key, then enter, press the tab key again then enter to make the question disappear.
What challenges did you encounter, and how did you overcome them?n/A
What specific areas of your project would you like help with?n/A
Community feedback
- @Jolijn0101Posted 5 months ago
Hi Makha, congratulations with finishing this project. The accordion goes easy open and closed by clicking on it and the icons are changing as well. For navigating the accordion with the keyboard is a bit more difficult. When I browse through it with the tab key it shows that only the icons could be used. If I hit enter they will open. Hitting enter again doen’t close the accordion. Maybe this article about making an Accordion Accessible could be of a great help: https://www.aditus.io/patterns/accordion/ I did this challenge as well. For inspiration how to make it more accessible you could find my solution here: https://www.frontendmentor.io/solutions/faq-accordion-accessibility-challenge-hc3kahC3K8
Marked as helpful0@mbd89Posted 5 months ago@Jolijn0101 thats right, i should have used a button to wrap the question and the icon instead of a div., its only after i completed the challenge that I saw the requirements that they wanted the keyboard navigation., so amma wrap it in a button VEry helpful article by the way
0@mbd89Posted 4 months ago@Jolijn0101 Hello, i'd like your input on my new contact form solution please; thanks very much https://github.com/mbd89/contactForm
0@Jolijn0101Posted 4 months ago@mbd89 Hi Makha, at the moment I am coding the contact form challenge myself. When I finish it I will make some time to look at your contact form solution.
1
Please log in to post a comment
Log in with GitHubJoin 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