Fix foucs ring disappears from tabs after tab swtiched

learningequality · Nov 22, 2023 · 3c11757 · 3c11757
1 parent 9d4f675
commit 3c11757
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/kolibri/plugins/coach/assets/src/constants/tabsConstants.js b/kolibri/plugins/coach/assets/src/constants/tabsConstants.js
@@ -20,7 +20,7 @@ export const ReportsGroupTabs = {
   ACTIVITY: 'tabActivity',
 };
 
-export const LEARNERS_TABS_ID = 'coachLearners';
+export const LEARNERS_TABS_ID = 'reportLearners';
 export const LearnersTabs = {
   REPORTS: 'tabReports',
   ACTIVITY: 'tabActivity',

diff --git a/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerHeader.vue b/kolibri/plugins/coach/assets/src/views/reports/ReportsLearnerHeader.vue
@@ -56,8 +56,8 @@
       <KTabsList
         ref="tabList"
         :tabsId="LEARNERS_TABS_ID"
+        :ariaLabel="$tr('reportLearners')"
         :activeTabId="activeTabId"
-        ariaLabel="Coach learners"
         :tabs="tabs"
         @click="() => saveTabsClick(LEARNERS_TABS_ID)"
       />
@@ -166,6 +166,10 @@
         context:
           "Link that takes user back to the list of learners on the 'Reports' tab, from the individual learner's information page.",
       },
+      reportLearners: {
+        message: 'Report learners',
+        context: "Labels the Reports > Learners tab for screen reander users",
+      },
     },
   };