From c52153770db11e48ab920b63c02479aec275336b Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Mon, 14 Feb 2022 11:06:17 +0100
Subject: [PATCH] remove outline on click, disable active outline, add
 aria-label to nav steps

---
 .../administration/nav-steps/nav-steps.component.html    | 2 ++
 .../language-selector/language-selector.component.html   | 9 ++++++---
 src/styles/partials/_buttons.scss                        | 3 +--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/features/administration/nav-steps/nav-steps.component.html b/src/app/features/administration/nav-steps/nav-steps.component.html
index ad3f5ec3..1c09955c 100644
--- a/src/app/features/administration/nav-steps/nav-steps.component.html
+++ b/src/app/features/administration/nav-steps/nav-steps.component.html
@@ -3,6 +3,7 @@
 		<button
 			*ngIf="display_previous_button"
 			class="button-previous is-secondary"
+			[attr.aria-label]="'nav.previous' | translate"
 			[routerLink]="['/administration/step/' + previous_step_number]"
 		>
 			{{ 'nav.previous' | translate }}
@@ -11,6 +12,7 @@
 		<button
 			*ngIf="display_next_button"
 			class="button-next pull-right"
+			[attr.aria-label]="(is_finish_step ? 'nav.save' : 'nav.next') | translate"
 			[ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }"
 			[routerLink]="['/administration/step/' + next_step_number]"
 			(click)="runNextAction()"
diff --git a/src/app/shared/components/selectors/language-selector/language-selector.component.html b/src/app/shared/components/selectors/language-selector/language-selector.component.html
index 1ce2c05d..bb88eac0 100644
--- a/src/app/shared/components/selectors/language-selector/language-selector.component.html
+++ b/src/app/shared/components/selectors/language-selector/language-selector.component.html
@@ -1,9 +1,12 @@
 <div class="selector language-selector-container">
-	<button id="lang_button_popup{{ idSuffix }}" class="lang-button" (click)="openDialogLang()">
+	<button
+		id="lang_button_popup{{ idSuffix }}"
+		class="lang-button"
+		(click)="openDialogLang()"
+		[attr.aria-label]="'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate"
+	>
 		<i class="fa fa-language"></i>
 		{{ 'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate }}
-		<!--		<i class="fa fa-language lang-selector-icon clickable" ></i>-->
-		<!--		<i class="fa fa-chevron-down"></i>-->
 	</button>
 	<p-dialog
 		[modal]="true"
diff --git a/src/styles/partials/_buttons.scss b/src/styles/partials/_buttons.scss
index 2498bb9d..00332fb1 100644
--- a/src/styles/partials/_buttons.scss
+++ b/src/styles/partials/_buttons.scss
@@ -1,6 +1,5 @@
 .outlined {
-	&:focus,
-	&:active {
+	&:focus {
 		outline: black;
 		outline-style: solid;
 	}