diff --git a/components/alerte.vue b/components/alerte.vue index 606452cff9e64adc3ecdd9ee9b8fdb6635482e8b..3110135754ec8859fe6864d23c2ceff2f9ef833c 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 09b6daf9378cd9b5870a9e8ce1d787c90a158a5a..e28f0bc4ce6d2d4d827a569c3985d2d5030d6bbe 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 c652d0055268501085be575edd9221374016f18e..e43616bbf3efe219a5e52f20916478f4c12c8edf 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 760e2140127fa39e2cdc8f36d51bfb8fccd8effd..f34f64f8591b17eef93382f8e9df7fe001c31ba3 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 e05c5d83372ea8d002aa91f75def80af27fce5fa..84f342bd6987b99f79834c1aea2b0fd89da807ad 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 c74bbf36c3724a961118b7f879af1ac274bca260..6d3c809d3583a1dda71c498aec08bd8be9249d29 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 de6426704d1b3d05b49431e8c3da2af54b1a34b0..e6eed8c16d84cb111c3514fb33eae7c8ca46fd80 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 667eed236d09252a2c35d06f17ee5b84e6d37637..527aba0a999cd365416a6e32443ac6b5b8c68e7e 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 5aec9378cec66cc4b707b30dd4f59453dc7ac269..6bf6c4d35b5c6aa517c3b305f223f2427a5e36f4 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": {