fix: a11y button lables. Closes #3418
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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}
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user