diff --git a/packages/react/src/views/ChatInput/ChatInput.js b/packages/react/src/views/ChatInput/ChatInput.js
index e03f804226..c9aed8dfcc 100644
--- a/packages/react/src/views/ChatInput/ChatInput.js
+++ b/packages/react/src/views/ChatInput/ChatInput.js
@@ -846,6 +846,7 @@ const ChatInput = ({ scrollToBottom, clearUnreadDividerRef }) => {
type="primary"
disabled={disableButton || isRecordingMessage}
icon="send"
+ aria-label="Send message"
/>
) : null
) : (
diff --git a/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js b/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
index 25c96c6f20..0c49a48889 100644
--- a/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
+++ b/packages/react/src/views/ChatInput/ChatInputFormattingToolbar.js
@@ -131,6 +131,7 @@ const ChatInputFormattingToolbar = ({
square
ghost
disabled={isRecordingMessage}
+ aria-label="Emoji"
onClick={() => {
if (isRecordingMessage) return;
openEmojiPicker();
@@ -181,6 +182,7 @@ const ChatInputFormattingToolbar = ({
square
ghost
disabled={isRecordingMessage}
+ aria-label="Upload file"
onClick={() => {
if (isRecordingMessage) return;
handleClickToOpenFiles();
@@ -212,6 +214,7 @@ const ChatInputFormattingToolbar = ({
ghost
disabled={isRecordingMessage}
onMouseDown={(event) => event.preventDefault()}
+ aria-label="Insert link"
onClick={() => {
if (isRecordingMessage) return;
openInsertLink();
@@ -253,6 +256,7 @@ const ChatInputFormattingToolbar = ({
square
disabled={isRecordingMessage}
ghost
+ aria-label={item.name}
onClick={() => {
if (isRecordingMessage) return;
formatSelection(messageRef, item.pattern);
@@ -335,6 +339,7 @@ const ChatInputFormattingToolbar = ({
square
disabled={isRecordingMessage}
ghost
+ aria-label={itemInFormatter.name}
onClick={() =>
formatSelection(messageRef, itemInFormatter.pattern)
}
@@ -356,6 +361,7 @@ const ChatInputFormattingToolbar = ({
square
ghost
disabled={isRecordingMessage}
+ aria-label="More options"
onClick={() => {
if (isRecordingMessage) return;
setPopoverOpen(!isPopoverOpen);
diff --git a/packages/react/src/views/DynamicHeader/DynamicHeader.js b/packages/react/src/views/DynamicHeader/DynamicHeader.js
index 22da5bc781..667d8f0e13 100644
--- a/packages/react/src/views/DynamicHeader/DynamicHeader.js
+++ b/packages/react/src/views/DynamicHeader/DynamicHeader.js
@@ -45,6 +45,7 @@ const DynamicHeader = ({
display="inline"
square
size="small"
+ aria-label="Go back"
>
diff --git a/packages/react/src/views/SurfaceMenu/SurfaceItem.js b/packages/react/src/views/SurfaceMenu/SurfaceItem.js
index f9f061b8b8..1fe477155a 100644
--- a/packages/react/src/views/SurfaceMenu/SurfaceItem.js
+++ b/packages/react/src/views/SurfaceMenu/SurfaceItem.js
@@ -11,6 +11,7 @@ const SurfaceItem = ({ item, size }) => (
size={size}
iconSize="small"
color={item.type}
+ aria-label={item.label}
/>
);
diff --git a/packages/ui-elements/src/components/Modal/ModalClose.js b/packages/ui-elements/src/components/Modal/ModalClose.js
index 90f82f2d81..71c2fbcb14 100644
--- a/packages/ui-elements/src/components/Modal/ModalClose.js
+++ b/packages/ui-elements/src/components/Modal/ModalClose.js
@@ -23,7 +23,13 @@ export const ModalClose = ({
style={{ ...style, ...styleOverrides }}
{...props}
>
-
+
);
};
diff --git a/packages/ui-elements/src/components/ToastBar/ToastBar.js b/packages/ui-elements/src/components/ToastBar/ToastBar.js
index dcec7d6f5f..5f18ba938e 100644
--- a/packages/ui-elements/src/components/ToastBar/ToastBar.js
+++ b/packages/ui-elements/src/components/ToastBar/ToastBar.js
@@ -62,7 +62,13 @@ const ToastBar = ({ toast, onClose }) => {
>
{message}
-
+
);
};