From 7d14e3fe86565db01aa7b3e042630c3429d6f668 Mon Sep 17 00:00:00 2001
From: Taylor <tayrichie@users.noreply.github.com>
Date: Sat, 25 Jan 2020 08:49:48 -0500
Subject: [PATCH] [ACA-2605] - fix: add aria-label to toggle button (#5397)

* fix: add aria-label to toggle button

* fix: swap label to use translation key and pipe
---
 lib/core/i18n/en.json                                 | 3 +++
 lib/core/sorting-picker/sorting-picker.component.html | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/lib/core/i18n/en.json b/lib/core/i18n/en.json
index c108b9364f..66ad5159fd 100644
--- a/lib/core/i18n/en.json
+++ b/lib/core/i18n/en.json
@@ -200,6 +200,9 @@
         "CLEAR": "Clear",
         "TOGGLE": "Toggle value"
       }
+    },
+    "SEARCH": {
+      "TOGGLE_ASC_DESC_ORDER": "Toggle results between ascending and descending order"
     }
   },
   "COMMENTS": {
diff --git a/lib/core/sorting-picker/sorting-picker.component.html b/lib/core/sorting-picker/sorting-picker.component.html
index 57364c858f..ae8319f3bf 100644
--- a/lib/core/sorting-picker/sorting-picker.component.html
+++ b/lib/core/sorting-picker/sorting-picker.component.html
@@ -6,7 +6,7 @@
     </mat-select>
 </mat-form-field>
 
-<button *ngIf="selected" mat-icon-button (click)="toggleSortDirection()">
+<button *ngIf="selected" mat-icon-button (click)="toggleSortDirection()" aria-label="'CORE.SEARCH.TOGGLE_ASC_DESC_ORDER' | translate">
     <mat-icon *ngIf="ascending">arrow_upward</mat-icon>
     <mat-icon *ngIf="!ascending">arrow_downward</mat-icon>
 </button>