@KarimAyman97
Posted
hi Filip Janik great work you did. I have some accessibility and semantics recommendations for you.
1- try to change <div class="faq"> to a <main class="faq"> , <div class="faq__title"> to a <header class="faq__title"> and <div class="questions"> to <section class="questions">
this does not affect your project visually but it improves SEO optimization as well as the accessibility of your project.
2- try to avoid <hr> Consider using CSS to style borders or margins to separate questions .
3- Since you have repeated image tags, you can group them together for better readability.
<img class="plus-icon" src="./assets/images/icon-plus.svg" alt="Question Plus Icon" />
<img class="minus-icon" src="./assets/images/icon-minus.svg" alt="Question Minus Icon" />
I hope it helps!
Other than that, great job!
Marked as helpful
