Alex Kim• 1,325
@alex-kim-dev
Posted
Hey Mubaraq, great solution! Here are some of my thoughts:
- I would use
aria-label
instead of adding a span with.visually-hidden
on the buttons, your solution works perfectly though, so that's just a preference; - I would add a visually hidden
meter
element + wrap the paragraph above into alabel
for that meter, just to be sure that assistive technology will announce this part.
Good luck and have fun making the next one!
3
Mubaraq Wahab• 480
@mubaraqwahab
Posted
@Alex-K1m Thanks a lot! I actually used a meter
and label
before, and I tested with NVDA. I changed it and used an aria-hidden
div because I felt it was redundant and quite noisy.
1