[RTE][A11Y] Add missing aria label for placeholder on editor (#4750)

* Add missing aria label for placeholder on editor * Change files
Azure · Jun 18, 2024 · e8e57c5 · e8e57c5
1 parent cc68ba3
commit e8e57c5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/change-beta/@azure-communication-react-1e82b11b-a35f-444f-a874-420748dd8ac0.json b/change-beta/@azure-communication-react-1e82b11b-a35f-444f-a874-420748dd8ac0.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "",
+  "comment": "Add missing aria label for placeholder on editor",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@azure-communication-react-1e82b11b-a35f-444f-a874-420748dd8ac0.json b/change/@azure-communication-react-1e82b11b-a35f-444f-a874-420748dd8ac0.json
@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "",
+  "comment": "Add missing aria label for placeholder on editor",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/src/components/RichTextEditor/RichTextEditor.tsx b/packages/react-components/src/components/RichTextEditor/RichTextEditor.tsx
@@ -310,6 +310,7 @@ export const RichTextEditor = React.forwardRef<RichTextEditorComponentRef, RichT
           aria-multiline="true"
           data-testid={'rooster-rich-text-editor'}
           className={richTextEditorStyle(props.styles)}
+          aria-label={placeholderText}
         />
       </div>
       {contextMenuProps && <ContextualMenu {...contextMenuProps} calloutProps={{ isBeakVisible: false }} />}