Search code examples
javascriptcsshtmlattr-accessible

accessible attribute for rating for all people

I am trying to add accessiblity attribute to my OverallRating stars... can you tell me what attribute should i need to add... I added arial label with value given to that attribute... but its not working... can you tell me what i need to add.. providing my code below...

this is my generated code

<div class="OverallRating" aria-label="0"><i class="OverallRating__star small-star"></i>
    <div class="OverallRating__filled" style="width: 0%;"><i class="OverallRating__star small-star"></i>
    </div>
</div>
Solution

  • Certainly you would want to keep the aria-label attribute, but probably also add a simple title attribute:

    { 'title': 'Your hover text' }

    Different browsers and accessibility software read different attributes (or the order they are read is different).