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> = ({
return ( return (
<> <>
<Dropdown menu={{ items }} trigger={['click']}> <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> <Space>
<SmallDashOutlined /> <SmallDashOutlined />
</Space> </Space>

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

@ -287,12 +287,18 @@ export const ChatTextField: FC<ChatTextFieldProps> = ({ defaultText, enabled, fo
trigger="click" trigger="click"
placement="topRight" 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 /> <SmileOutlined />
</button> </button>
</Popover> </Popover>
<button <button
type="button" type="button"
aria-label="Send message"
className={styles.sendButton} className={styles.sendButton}
title="Send message Button" title="Send message Button"
onClick={sendMessage} onClick={sendMessage}

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

@ -48,7 +48,12 @@ export const NotifyReminderPopup: FC<NotifyReminderPopupProps> = ({
const content = ( const content = (
<div onClick={popupClicked} onKeyDown={popupClicked} role="menuitem" tabIndex={0}> <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 /> <CloseOutlined />
</button> </button>
<div className={styles.contentbutton}>Click and never miss future streams!</div> <div className={styles.contentbutton}>Click and never miss future streams!</div>

Loading…
Cancel
Save