From e66e83449c0b3250fd88813cad25a63323a598be Mon Sep 17 00:00:00 2001
From: twerske <pokepsi@gmail.com>
Date: Mon, 19 Apr 2021 12:17:56 -0700
Subject: [PATCH] codelab: provide control labels with ARIA

---
 src/app/shop/shop.component.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/app/shop/shop.component.html b/src/app/shop/shop.component.html
index 290a52b..42ccf7f 100644
--- a/src/app/shop/shop.component.html
+++ b/src/app/shop/shop.component.html
@@ -34,13 +34,16 @@ limitations under the License.
       <mat-card-content>
         <!-- TODO: #8. Provide control labels with ARIA -->
         <mat-slider
+          aria-label="Dumpling order quantity slider"
+          id="quantity"
+          name="quantity"
           color="primary"
           class="quantity-slider"
           [max]="13"
           [min]="1"
           [step]="1"
-          [thumbLabel]="true"
           [tickInterval]="1"
+          thumbLabel
           [(ngModel)]="quantity">
         </mat-slider>
       </mat-card-content>