From bb7adff7026a64c30a0fae3c92a9391f089efc31 Mon Sep 17 00:00:00 2001
From: paidge <paidge_cs@hotmail.com>
Date: Sat, 19 Feb 2022 16:35:14 +0100
Subject: [PATCH] ARIA attributes trad

---
 components/alerte.vue                  |  6 +++++-
 components/btn/Pagination.vue          | 24 ++++++++++--------------
 components/btn/Search.vue              |  2 +-
 components/navigation/Breadcrumb.vue   |  4 +++-
 components/navigation/menu/Sidebar.vue |  2 +-
 i18n/locales/de.json                   |  7 +++++--
 i18n/locales/en.json                   |  7 +++++--
 i18n/locales/es.json                   |  7 +++++--
 i18n/locales/fr.json                   |  7 +++++--
 9 files changed, 40 insertions(+), 26 deletions(-)

diff --git a/components/alerte.vue b/components/alerte.vue
index 606452c..3110135 100644
--- a/components/alerte.vue
+++ b/components/alerte.vue
@@ -4,7 +4,11 @@
 		:class="classType"
 		v-if="error">
 		{{ error }}
-		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
+		<button
+			type="button"
+			class="close"
+			data-dismiss="alert"
+			:aria-label="$t('aria.close')">
 			<span aria-hidden="true">&times;</span>
 		</button>
 	</div>
diff --git a/components/btn/Pagination.vue b/components/btn/Pagination.vue
index 09b6daf..e28f0bc 100644
--- a/components/btn/Pagination.vue
+++ b/components/btn/Pagination.vue
@@ -2,12 +2,8 @@
 	<nav :aria-label="$t('pagination.title')" v-if="nbPages > 1">
 		<ul class="pagination justify-content-center">
 			<li class="page-item" v-if="currentPage > 2 && nbPages > 3">
-				<a
-					class="page-link"
-					href="#"
-					:aria-label="$t('pagination.first')"
-					@click="firstPage($event)">
-					<span aria-hidden="true">1</span>
+				<a class="page-link" href="#" @click="firstPage($event)">
+					<span :aria-label="$t('pagination.page') + ' 1'">1</span>
 				</a>
 			</li>
 			<li class="page-item disabled" v-if="currentPage > 3 && nbPages > 4">
@@ -22,8 +18,10 @@
 					v-if="index != currentPage"
 					class="page-link"
 					href="#"
-					@click="goto(index, $event)"
-					>{{ index }}</a
+					@click="goto(index, $event)">
+					<span :aria-label="$t('pagination.page') + ' ' + index">{{
+						index
+					}}</span></a
 				>
 				<span v-else class="page-link">{{ index }}</span>
 			</li>
@@ -33,12 +31,10 @@
 				<span class="page-link"><span aria-hidden="true">...</span></span>
 			</li>
 			<li class="page-item" v-if="currentPage < nbPages - 1 && nbPages > 3">
-				<a
-					class="page-link"
-					href="#"
-					aria-label="$t('pagination.last')"
-					@click="lastPage($event)">
-					<span aria-hidden="true">{{ nbPages }}</span>
+				<a class="page-link" href="#" @click="lastPage($event)">
+					<span :aria-label="$t('pagination.page') + ' ' + nbPages">{{
+						nbPages
+					}}</span>
 				</a>
 			</li>
 		</ul>
diff --git a/components/btn/Search.vue b/components/btn/Search.vue
index c652d00..e43616b 100644
--- a/components/btn/Search.vue
+++ b/components/btn/Search.vue
@@ -11,7 +11,7 @@
 				@keyup="$emit('keyup', $event.keyCode)"
 				:placeholder="$t('recherche.title')"
 				:aria-label="$t('recherche.title')"
-				aria-describedby="rechHelp" />
+				:aria-describedby="help ? rechHelp : null" />
 		</div>
 		<div
 			v-if="help"
diff --git a/components/navigation/Breadcrumb.vue b/components/navigation/Breadcrumb.vue
index 760e214..f34f64f 100644
--- a/components/navigation/Breadcrumb.vue
+++ b/components/navigation/Breadcrumb.vue
@@ -1,5 +1,7 @@
 <template>
-	<nav aria-label="Fil d'Ariane" class="breadcrumb-wrapper rounded border">
+	<nav
+		:aria-label="$t('aria.ariane')"
+		class="breadcrumb-wrapper rounded border">
 		<ol class="breadcrumb m-0 p-0 d-none d-sm-flex">
 			<li
 				class="breadcrumb-item"
diff --git a/components/navigation/menu/Sidebar.vue b/components/navigation/menu/Sidebar.vue
index e05c5d8..84f342b 100644
--- a/components/navigation/menu/Sidebar.vue
+++ b/components/navigation/menu/Sidebar.vue
@@ -28,7 +28,7 @@
 			<button
 				type="button"
 				class="btn-close position-absolute d-xl-none"
-				aria-label="Close"
+				:aria-label="$t('aria.close')"
 				@click="toggleMenu"></button>
 		</div>
 		<nav class="py-2 rounded flex-grow-1">
diff --git a/i18n/locales/de.json b/i18n/locales/de.json
index c74bbf3..6d3c809 100644
--- a/i18n/locales/de.json
+++ b/i18n/locales/de.json
@@ -15,6 +15,10 @@
 		"title": "Apropos",
 		"traducteurs": "Ãœbersetzung:"
 	},
+	"aria": {
+		"ariane": "Brotkrümel",
+		"close": "Nah dran"
+	},
 	"aurevoir": "Auf Wiedersehen",
 	"bienvenue": "Willkommen",
 	"bloc": {
@@ -128,8 +132,7 @@
 	"non": "Nein",
 	"oui": "Ja",
 	"pagination": {
-		"first": "Erstes Element",
-		"last": "Letzter Artikel",
+		"page": "Buchseite",
 		"title": "Paginierungsschaltflächen"
 	},
 	"params": {
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index de64267..e6eed8c 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -16,6 +16,10 @@
 		"title": "About",
 		"traducteurs": "Translators :"
 	},
+	"aria": {
+		"ariane": "Breadcrumb",
+		"close": "Close"
+	},
 	"aurevoir": "Goodbye to",
 	"bienvenue": "Welcome to",
 	"bloc": {
@@ -129,8 +133,7 @@
 	"non": "No",
 	"oui": "Yes",
 	"pagination": {
-		"first": "First item",
-		"last": "Last item",
+		"page": "Page",
 		"title": "Pagination buttons"
 	},
 	"params": {
diff --git a/i18n/locales/es.json b/i18n/locales/es.json
index 667eed2..527aba0 100644
--- a/i18n/locales/es.json
+++ b/i18n/locales/es.json
@@ -16,6 +16,10 @@
 		"title": "Acerca de",
 		"traducteurs": "Traductores :"
 	},
+	"aria": {
+		"ariane": "Hilo de Ariadna",
+		"close": "Cerrar"
+	},
 	"aurevoir": "Salen",
 	"bienvenue": "Entran",
 	"bloc": {
@@ -129,8 +133,7 @@
 	"non": "No",
 	"oui": "Sí",
 	"pagination": {
-		"first": "Primer elemento",
-		"last": "último artículo",
+		"page": "Página",
 		"title": "Botones de paginación"
 	},
 	"params": {
diff --git a/i18n/locales/fr.json b/i18n/locales/fr.json
index 5aec937..6bf6c4d 100644
--- a/i18n/locales/fr.json
+++ b/i18n/locales/fr.json
@@ -16,6 +16,10 @@
 		"title": "À propos",
 		"traducteurs": "Traducteurs :"
 	},
+	"aria": {
+		"ariane": "Fil d'ariane",
+		"close": "Fermer"
+	},
 	"aurevoir": "Au revoir à",
 	"bienvenue": "Bienvenue à",
 	"bloc": {
@@ -129,8 +133,7 @@
 	"non": "Non",
 	"oui": "Oui",
 	"pagination": {
-		"first": "Premier élément",
-		"last": "Dernier élément",
+		"page": "Page",
 		"title": "Boutons de pagination"
 	},
 	"params": {
-- 
GitLab