From 3acb3c2a4c226a516adf34d4f8e6c0db4ab4e356 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Wed, 1 Mar 2023 09:23:26 +0100
Subject: [PATCH] fix(a11y/calendar) make settings button reachable by keyboard

without this, a keyboard but non screen reader user can't reach the
button via tabulation
---
 react/features/calendar-sync/components/CalendarList.web.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/react/features/calendar-sync/components/CalendarList.web.js b/react/features/calendar-sync/components/CalendarList.web.js
index 14cbcb198..9a293c84d 100644
--- a/react/features/calendar-sync/components/CalendarList.web.js
+++ b/react/features/calendar-sync/components/CalendarList.web.js
@@ -202,7 +202,8 @@ class CalendarList extends AbstractPage<Props> {
                     className = 'meetings-list-empty-button'
                     onClick = { this._onOpenSettings }
                     onKeyPress = { this._onKeyPressOpenSettings }
-                    role = 'button'>
+                    role = 'button'
+                    tabIndex = { 0 }>
                     <Icon
                         className = 'meetings-list-empty-icon'
                         src = { IconCalendar } />