From 9db8a8699a1528e90df5d77ba2b712047892741d Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Wed, 8 Nov 2023 20:08:00 -0800
Subject: [PATCH] fix: a11y button lables. Closes #3418

---
 .../ChatModerationActionMenu/ChatModerationActionMenu.tsx | 6 +++++-
 web/components/chat/ChatTextField/ChatTextField.tsx       | 8 +++++++-
 .../ui/NotifyReminderPopup/NotifyReminderPopup.tsx        | 7 ++++++-
 3 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx b/web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx
index b519a392d..73dc1be0b 100644
--- a/web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx
+++ b/web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx
@@ -104,7 +104,11 @@ export const ChatModerationActionMenu: FC<ChatModerationActionMenuProps> = ({
   return (
     <>
       <Dropdown menu={{ items }} trigger={['click']}>
-        <button type="button" onClick={e => e.preventDefault()}>
+        <button
+          type="button"
+          aria-label="Chat moderation options"
+          onClick={e => e.preventDefault()}
+        >
           <Space>
             <SmallDashOutlined />
           </Space>
diff --git a/web/components/chat/ChatTextField/ChatTextField.tsx b/web/components/chat/ChatTextField/ChatTextField.tsx
index cd282cf2e..656c864ba 100644
--- a/web/components/chat/ChatTextField/ChatTextField.tsx
+++ b/web/components/chat/ChatTextField/ChatTextField.tsx
@@ -287,12 +287,18 @@ export const ChatTextField: FC<ChatTextFieldProps> = ({ defaultText, enabled, fo
               trigger="click"
               placement="topRight"
             >
-              <button type="button" className={styles.emojiButton} title="Emoji picker button">
+              <button
+                type="button"
+                aria-label="Emoji picker"
+                className={styles.emojiButton}
+                title="Emoji picker button"
+              >
                 <SmileOutlined />
               </button>
             </Popover>
             <button
               type="button"
+              aria-label="Send message"
               className={styles.sendButton}
               title="Send message Button"
               onClick={sendMessage}
diff --git a/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx b/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx
index 9b3c79142..f6fc98ee5 100644
--- a/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx
+++ b/web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx
@@ -48,7 +48,12 @@ export const NotifyReminderPopup: FC<NotifyReminderPopupProps> = ({
 
   const content = (
     <div onClick={popupClicked} onKeyDown={popupClicked} role="menuitem" tabIndex={0}>
-      <button type="button" className={styles.closebutton} onClick={popupClosed}>
+      <button
+        type="button"
+        aria-label="Follow"
+        className={styles.closebutton}
+        onClick={popupClosed}
+      >
         <CloseOutlined />
       </button>
       <div className={styles.contentbutton}>Click and never miss future streams!</div>