ARIA attributes trad

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>

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>

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"

components/navigation/Breadcrumb.vue

 <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"

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">

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": {

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": {

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": {

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": {