@Dami-Moore
Posted
Hello Koshey! Congratulations on completing this project and that's great progress.
I have a few comments.
- In your style.css file, it's my opinion that adding the ".menue ul li button:active" in a way conflicts with the click event in your script.js file. I think you can safely remove this portion or comment it out.
- Also, the "cursor: pointer; " within the ".menue ul li button" selector in your style.css can also be removed and put instead within the ".menue ul li button:hover"
- Also, directly styling the button element, is why the hover effect on the button element still works after a button is selected. Instead, you can use a class and style that class initially, then in your DOM, you can remove it and add the new class ".selected". This will ensure that every styling associated with that previous class is removed and only stylings within ".selected" will display.
On accessibility: The issue noted is semantics. There should be landmarks to describe each parts of your code. For simplicity, you can wrap all your code, after the body tag, with a main tag. There's more to comment on as regards semantics here, but to keep it simple, that's that.
I hope this was useful and of help to you.
Happy Coding!
Marked as helpful
@KohseyPower
Posted
@Dami-Moore Thank you for answering me and for taking the time ! I'll correct that right now !