Merged in bugfix/SHIBUI-711 (pull request #163)

SHIBUI-711: Added aria labels to reorder buttons on the provider dashboard for accessibility guidelines; Approved-by: Shibui Jenkins <shibui.jenkins@gmail.com> Approved-by: Ryan Mathis <rmathis@unicon.net>
TIER · Aug 16, 2018 · 9449d07 · 9449d07
1 parent 7a46806
commit 9449d07
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/ui/src/app/metadata/manager/component/provider-item.component.html b/ui/src/app/metadata/manager/component/provider-item.component.html
@@ -3,10 +3,18 @@
         <div class="d-flex">
             <div class="reorder-card">
                 <p class="text-center text-primary font-weight-bold">{{ index }}</p>
-                <button class="btn btn-link" (click)="changeOrderDown.emit(provider); $event.stopPropagation();" [disabled]="last">
+                <button
+                    class="btn btn-link"
+                    (click)="changeOrderDown.emit(provider); $event.stopPropagation();"
+                    [disabled]="last"
+                    aria-label="Decrease reorder by 1">
                     <i class="fa text-info fa-lg fa-chevron-circle-down" aria-hidden="true"></i>
                 </button>
-                <button class="btn btn-link pull-right" (click)="changeOrderUp.emit(provider); $event.stopPropagation();" [disabled]="first">
+                <button
+                    class="btn btn-link pull-right"
+                    (click)="changeOrderUp.emit(provider); $event.stopPropagation();"
+                    [disabled]="first"
+                    aria-label="Increase reorder by 1">
                     <i class="fa text-info fa-lg fa-chevron-circle-up" aria-hidden="true"></i>
                 </button>
             </div>