From 136c41451fa7ff158e621ef72e06a3041eb2821f Mon Sep 17 00:00:00 2001
From: Sofien Haj Chedhli <shajchedli@exoplatform.com>
Date: Tue, 5 Nov 2024 11:56:41 +0100
Subject: [PATCH] feat: Fix accessibility issues on news details - EXO-75109 -
 Meeds-io/MIPs#161 (#299)

---
 .../src/main/resources/locale/portlet/news/News_en.properties | 1 +
 .../src/main/resources/locale/portlet/news/News_fr.properties | 1 +
 .../vue-app/news-details/components/ExoNewsDetailsToolBar.vue | 1 +
 .../newsTranslationMenu/components/ContentTranslationMenu.vue | 4 ++++
 4 files changed, 7 insertions(+)

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
index 427d8f2f8..7915bc547 100644
--- 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
index f66729a84..c91d26e54 100644
--- 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
index 4f2897d5a..524e9f6c5 100644
--- 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/content-webapp/src/main/webapp/vue-app/newsTranslationMenu/components/ContentTranslationMenu.vue b/content-webapp/src/main/webapp/vue-app/newsTranslationMenu/components/ContentTranslationMenu.vue
index 91b19b550..277802733 100644
--- a/content-webapp/src/main/webapp/vue-app/newsTranslationMenu/components/ContentTranslationMenu.vue
+++ b/content-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();