From 622f6ee2651ffb0762be219cccf656a9e7c0c5f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 11 Nov 2022 14:27:14 +0100
Subject: [PATCH] MOBILE-4065 a11y: Get keyboard access to course index
 accordions

---
 .../features/course/components/course-index/course-index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/core/features/course/components/course-index/course-index.html b/src/core/features/course/components/course-index/course-index.html
index 7fca7f10e..dd97d4628 100644
--- a/src/core/features/course/components/course-index/course-index.html
+++ b/src/core/features/course/components/course-index/course-index.html
@@ -29,10 +29,10 @@
                         [class.item-current]="selectedId === section.id" [class.item-dimmed]="!section.visible"
                         [class.item-hightlighted]="section.highlighted" detail="false" sticky="true">
                         <ion-icon *ngIf="section.hasVisibleModules" name="fas-chevron-right" flip-rtl slot="start"
-                            class="expandable-status-icon" (click)="toggleExpand($event, section)"
+                            class="expandable-status-icon" (ariaButtonClick)="toggleExpand($event, section)"
                             [attr.aria-label]="(section.expanded ? 'core.collapse' : 'core.expand') | translate"
                             [attr.aria-expanded]="section.expanded" [attr.aria-controls]="'core-course-index-section-' + section.id"
-                            [class.expandable-status-icon-expanded]="section.expanded">
+                            [class.expandable-status-icon-expanded]="section.expanded" tabindex="0">
                         </ion-icon>
                         <ion-icon *ngIf="!section.hasVisibleModules" name="" slot="start" aria-hidden="true" class="expandable-status-icon">
                         </ion-icon>