fix: add role="img" to star rating renderings to support aria-label u…

…sage PiperOrigin-RevId: 576996262
googlemaps · Oct 26, 2023 · 874beef · 874beef
1 parent ec6265d
commit 874beef
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/place_building_blocks/place_rating/place_rating.ts b/src/place_building_blocks/place_rating/place_rating.ts
@@ -85,8 +85,8 @@ export class PlaceRating extends PlaceDataConsumer {
       const icons = this.condensed ? [IconType.FULL] : toStarIcons(rating!);
       // clang-format off
       return html`
-        <span aria-label=${
-              this.getMsg('PLACE_RATING_ARIA_LABEL', rating!.toFixed(1))}>
+        <span role="img" aria-label=${
+            this.getMsg('PLACE_RATING_ARIA_LABEL', rating!.toFixed(1))}>
           <span aria-hidden="true">
             <span>${rating!.toFixed(1)}</span>
             ${map(icons, (iconType) => {

diff --git a/src/place_building_blocks/place_reviews/place_reviews.ts b/src/place_building_blocks/place_reviews/place_reviews.ts
@@ -149,8 +149,8 @@ export class PlaceReviews extends PlaceDataConsumer {
     const subheader = html`
       <div class="subheader">
         ${when(review.rating, () => html`
-          <span aria-label=${
-                this.getMsg('PLACE_RATING_ARIA_LABEL', review.rating!)}>
+          <span role="img" aria-label=${
+              this.getMsg('PLACE_RATING_ARIA_LABEL', review.rating!)}>
             <span aria-hidden="true">
               ${map(toStarIcons(review.rating!), (iconType) => {
                 return html`<span class="star-icon ${iconType}">&#x2605;</span>`;