diff --git a/.changeset/forty-rats-breathe.md b/.changeset/forty-rats-breathe.md new file mode 100644 index 0000000..c93053e --- /dev/null +++ b/.changeset/forty-rats-breathe.md @@ -0,0 +1,5 @@ +--- +"@kaizen/rich-text-editor": patch +--- + +Pass aria-describedby into RTE when sent via props diff --git a/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx b/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx index e57e824..cf355f0 100644 --- a/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx +++ b/packages/rich-text-editor/src/RichTextEditor/RichTextEditor.tsx @@ -66,6 +66,7 @@ export const RichTextEditor = (props: RichTextEditorProps): JSX.Element => { defaultValue, labelText, "aria-labelledby": labelledBy, + "aria-describedby": describedBy, classNameOverride, controls, rows = 3, @@ -128,7 +129,11 @@ export const RichTextEditor = (props: RichTextEditorProps): JSX.Element => { : "" const descriptionAria = description ? `${editorId}-rte-description` : "" - const ariaDescribedBy = `${validationMessageAria} ${descriptionAria}` + const ariaDescribedBy = classnames( + validationMessageAria, + descriptionAria, + describedBy + ) return ( <>