Browse Source

fix: a11y button lables. Closes #3418

pull/3414/head
Gabe Kangas 2 years ago
parent
commit
9db8a8699a
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
  1. 6
      web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx
  2. 8
      web/components/chat/ChatTextField/ChatTextField.tsx
  3. 7
      web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx

6
web/components/chat/ChatModerationActionMenu/ChatModerationActionMenu.tsx

@ -104,7 +104,11 @@ export const ChatModerationActionMenu: FC<ChatModerationActionMenuProps> = ({ @@ -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>

8
web/components/chat/ChatTextField/ChatTextField.tsx

@ -287,12 +287,18 @@ export const ChatTextField: FC<ChatTextFieldProps> = ({ defaultText, enabled, fo @@ -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}

7
web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx

@ -48,7 +48,12 @@ export const NotifyReminderPopup: FC<NotifyReminderPopupProps> = ({ @@ -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>

Loading…
Cancel
Save