feat: Fix accessibility issues on news details - EXO-75109 - Meeds-io…

…/MIPs#161 (#299)
Meeds-io · Nov 28, 2024 · 136c414 · 136c414
1 parent 03c476c
commit 136c414
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 0 deletions.
diff --git a/content-service/src/main/resources/locale/portlet/news/News_en.properties b/content-service/src/main/resources/locale/portlet/news/News_en.properties
@@ -176,6 +176,7 @@ news.details.deleteSuccess=News deleted
 news.details.deleteCanceled=News deletion canceled
 news.details.deleteDraftSuccess=Draft successfully deleted
 news.details.deleteDraftCanceled=Draft deletion canceled
+article.details.goBack.label=Go back
 news.message.confirmDeleteNews=Would you like to delete this article?
 news.title.confirmDeleteNews=Delete article?
 news.message.confirmDeleteDraftNews=Would you like to delete this draft?

diff --git a/content-service/src/main/resources/locale/portlet/news/News_fr.properties b/content-service/src/main/resources/locale/portlet/news/News_fr.properties
@@ -176,6 +176,7 @@ news.details.deleteSuccess=Article supprimé
 news.details.deleteCanceled=Suppression de l'article annulée
 news.details.deleteDraftSuccess=Brouillon supprimé
 news.details.deleteDraftCanceled=La suppression du brouillon a été annulée
+article.details.goBack.label=Retourner
 news.message.confirmDeleteNews=Souhaitez-vous supprimer cet article ?
 news.title.confirmDeleteNews=Supprimer article ?
 news.message.confirmDeleteDraftNews=Voulez-vous supprimer ce brouillon?

diff --git a/content-webapp/src/main/webapp/vue-app/news-details/components/ExoNewsDetailsToolBar.vue b/content-webapp/src/main/webapp/vue-app/news-details/components/ExoNewsDetailsToolBar.vue
@@ -25,6 +25,7 @@
     <v-btn
       class="go-back-button"
       icon
+      :aria-label="this.$t('article.details.goBack.label')"
       @click.stop="goBack">
       <v-icon
         size="15">

diff --git a/...-webapp/src/main/webapp/vue-app/newsTranslationMenu/components/ContentTranslationMenu.vue b/...-webapp/src/main/webapp/vue-app/newsTranslationMenu/components/ContentTranslationMenu.vue
@@ -34,6 +34,7 @@
         height="36"
         class="pa-0 ms-3"
         :class="langButtonColor"
+        :aria-label="langButtonLabel"
         icon>
         <v-icon
           size="22">
@@ -107,6 +108,9 @@ export default {
     langButtonColor(){
       return this.selectedTranslation.value ? 'primary--text':'';
     },
+    langButtonLabel() {
+      return this.$t('content.label.button.translations.options');
+    }
   },
   created() {
     this.refreshTranslationExtensions();