Improve Coach tabs accessibility - "Report-Learners" tabs on a Reports lesson page

[MisRob]

In #10212, we embarked on the journey toward improved accessibility of the coach plugin. Part of it is refactoring tabs logic to use new KDS tabs components that are implemented in an accessible manner. This issue is a continuation of that work.

The goal is to use the KDS tabs components for Report-Learners tabs on a lesson page in the coach reports ( Coach → Reports → Lessons → select a lesson → lesson page)

Acceptance criteria

• The current implementation is refactored to use KDS tabs components (KTabs or the combination of KTabsList + KTabsPanel)
• The new implementation satisfies these and these W3C guidelines (this is already provided by KDS tabs components, however in some cases, a bit of additional Kolibri logic may be needed as well - see comments below)
• The focus ring shows when navigating with a keyboard and stays on the selected tab after pressing enter

Comments

• KDS tabs components documentation
  • Tabs page
  • KTabs component
  • KTabsList component
  • KTabsPanel component
• You can play around with the Lessons-Quizzes-Groups-Learners tabs that are already implemented with KDS components to experience the expected behavior
  
• In some cases, due to the routing architecture, some additional Kolibri logic may be needed to ensure seamless focus behavior. If you run into issues with the focus ring disappearing after pressing enter on a tab or similar, useCoachTabs composable may help

[muditchoudhary]

Hello @MisRob Could you assign it to me? I can work on this. Thanks!

[MisRob]

Hi @muditchoudhary, yes, thank you! Even though I haven't finished the second round of my review on your first PR from this category, I am already sure that it's implemented very well overall. Here, you can apply the same approach.

These are great improvements to a11y which matters to us.

[muditchoudhary]

Hi @muditchoudhary, yes, thank you! Even though I haven't finished the second round of my review on your first PR from this category, I am already sure that it's implemented very well overall. Here, you can apply the same approach.

These are great improvements to a11y which matters to us.

Thanks!!