From 874beef087d6be1959b02bbe8566d553dacc3fde Mon Sep 17 00:00:00 2001
From: Michael Reinhard <mreinhard@google.com>
Date: Thu, 26 Oct 2023 14:59:01 -0700
Subject: [PATCH] fix: add role="img" to star rating renderings to support
 aria-label usage

PiperOrigin-RevId: 576996262
---
 src/place_building_blocks/place_rating/place_rating.ts   | 4 ++--
 src/place_building_blocks/place_reviews/place_reviews.ts | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/place_building_blocks/place_rating/place_rating.ts b/src/place_building_blocks/place_rating/place_rating.ts
index 4dc14b4..97fed69 100644
--- 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
index 71ea923..1585505 100644
--- 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>`;