From 9449d070b9bc55ee050469393849194b3eb90973 Mon Sep 17 00:00:00 2001
From: Jodie Muramoto <jmuramoto@unicon.net>
Date: Thu, 16 Aug 2018 14:32:33 +0000
Subject: [PATCH] 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>
---
 .../manager/component/provider-item.component.html   | 12 ++++++++++--
 1 file changed, 10 insertions(+), 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
index 1ca8f575b..b2799e0cf 100644
--- 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>