fix: a11y button lables. Closes #3418

This commit is contained in:
Gabe Kangas 2023-11-08 20:08:00 -08:00
parent 6074ea8f29
commit 9db8a8699a
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
3 changed files with 18 additions and 3 deletions

View File

@ -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>

View File

@ -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}

View File

@ -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>