From 889a63e382e781845ec526e39bd92a0b533bf4e5 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Thu, 2 Mar 2023 17:35:39 +0100
Subject: [PATCH] fix(a11y/chat sidebar) remove autofocus behavior

the autofocus can seem helpful but it can be cumbersome, especially for
screen reader users:

- it prevents the user to discover the UI normally. Here i'm teleported
at the bottom of the sidebar, and I have to go try to discover things by
myself to understand there are two tabs above.

- If I want to read the chat content, each time I open the chat, i'll
have to go back in the chat content, before I get focused after the
content.

- same thing for polls: if I just want to read the content, each time
I'll have to go back in the navigation.

So I'm thinking maybe just don't do anything special with focus. Maybe
we could focus the sidebar title automatically when we open it. But
focusing something that makes you miss loads of info before seems too
problematic to me.
---
 react/features/chat/components/web/ChatInput.tsx  | 1 -
 react/features/polls/components/web/PollsPane.tsx | 1 -
 2 files changed, 2 deletions(-)

diff --git a/react/features/chat/components/web/ChatInput.tsx b/react/features/chat/components/web/ChatInput.tsx
index e4451551e..2a8b40923 100644
--- a/react/features/chat/components/web/ChatInput.tsx
+++ b/react/features/chat/components/web/ChatInput.tsx
@@ -115,7 +115,6 @@ class ChatInput extends Component<IProps, IState> {
                         </div>
                     )}
                     <Input
-                        autoFocus = { true }
                         className = 'chat-input'
                         icon = { this.props._areSmileysDisabled ? undefined : IconFaceSmile }
                         iconClick = { this._toggleSmileysPanel }
diff --git a/react/features/polls/components/web/PollsPane.tsx b/react/features/polls/components/web/PollsPane.tsx
index bec99b053..c1cf624ee 100644
--- a/react/features/polls/components/web/PollsPane.tsx
+++ b/react/features/polls/components/web/PollsPane.tsx
@@ -40,7 +40,6 @@ const PollsPane = ({ createMode, onCreate, setCreateMode, t }: AbstractProps) =>
             <div className = { classes.footer }>
                 <Button
                     accessibilityLabel = { t('polls.create.create') }
-                    autoFocus = { true }
                     fullWidth = { true }
                     labelKey = { 'polls.create.create' }
                     onClick = { onCreate } />