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