Hey @fabricioceppi 👋🏻
A quick tip to fix the accessibility issue, add aria-label="NAME_OF_THE_INPUT"
to this input <input type="range" id="range" style="background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(165, 243, 235) 0px, rgb(165, 243, 235) 50%, rgb(234, 238, 251) 50%) repeat scroll 0% 0%;">
and it should fix the issue. Don't forget to generate new report after fixing it.
Your project looks awesome, the only suggestion I have is that it would be great if you could generate a new screenshot, so we can all admire that beauty 😃 that's it from me, cheers 👾
Marked as helpful
@fabricioceppi
Posted
Hello again @kens-visuals
Thank you for your comments! I added the aria-label to the input, and the accessibility issue disappeared. It's the first time that I use this property, I will keep it in mind for the next time.
And thank you very much for the compliment. I already actualized the screenshot. I don't know why it was looking as if the CSS wasn't loaded.