Hello
I'm trying to figure out the right html semantics and it's hard on this . Should those icons be buttons perhaps? Even if they are just images, you would need to empty or rewrite the alt values on those. Alt are meant to be human-readable descriptions, not hyphen joined words as you have here. Best to read up more about how to write good alt text anyway.
The other things I wonder about are
- whether you could style the progress bar element to look like this. I think you can and that is the element perfect for this challenge. Here is how to style that https://css-tricks.com/html5-progress-element/
- capitalisation should be done in css not in Html or assistive technology will not read "left". They would say "L-E-F-T".
Other than these all looks good at a glance
Marked as helpful
@shibuwd
Posted
@grace-snow Thank you so much for your advice. Your advice is really helpful to improve my coding skill.