diff --git a/services/web/frontend/js/features/chat/components/chat-pane.js b/services/web/frontend/js/features/chat/components/chat-pane.js
index 98dfbdc495..421b758b5a 100644
--- a/services/web/frontend/js/features/chat/components/chat-pane.js
+++ b/services/web/frontend/js/features/chat/components/chat-pane.js
@@ -15,6 +15,7 @@ function ChatPane({
   sendMessage,
   userId
 }) {
+  const { t } = useTranslation()
   useEffect(() => {
     loadMoreMessages()
   }, [])
@@ -36,6 +37,7 @@ function ChatPane({
         itemCount={messageContentCount}
       >
         <div>
+          <h2 className="sr-only">{t('chat')}</h2>
           {loading && <LoadingSpinner />}
           {shouldDisplayPlaceholder && <Placeholder />}
           <MessageList
diff --git a/services/web/frontend/js/features/chat/components/message-input.js b/services/web/frontend/js/features/chat/components/message-input.js
index ae3f2553b1..adc6b966a1 100644
--- a/services/web/frontend/js/features/chat/components/message-input.js
+++ b/services/web/frontend/js/features/chat/components/message-input.js
@@ -15,7 +15,11 @@ function MessageInput({ resetUnreadMessages, sendMessage }) {
 
   return (
     <div className="new-message">
+      <label htmlFor="chat-input" className="sr-only">
+        {t('your_message')}
+      </label>
       <textarea
+        id="chat-input"
         placeholder={`${t('your_message')}…`}
         onKeyDown={handleKeyDown}
         onClick={resetUnreadMessages}
diff --git a/services/web/test/frontend/features/chat/components/message-input.test.js b/services/web/test/frontend/features/chat/components/message-input.test.js
index a921ddfdf9..57cd6502f5 100644
--- a/services/web/test/frontend/features/chat/components/message-input.test.js
+++ b/services/web/test/frontend/features/chat/components/message-input.test.js
@@ -21,7 +21,7 @@ describe('<MessageInput />', function() {
       />
     )
 
-    screen.getByPlaceholderText('Your Message…')
+    screen.getByLabelText('Your Message')
   })
 
   it('sends a message after typing and hitting enter', function() {
@@ -32,7 +32,7 @@ describe('<MessageInput />', function() {
       />
     )
 
-    const input = screen.getByPlaceholderText('Your Message…')
+    const input = screen.getByRole('textbox')
 
     fireEvent.change(input, { target: { value: 'hello world' } })
     fireEvent.keyDown(input, { key: 'Enter' })