diff --git a/src/components/Inputs/TextInput/TextInput.tsx b/src/components/Inputs/TextInput/TextInput.tsx index 0beb0d530..43725d965 100644 --- a/src/components/Inputs/TextInput/TextInput.tsx +++ b/src/components/Inputs/TextInput/TextInput.tsx @@ -134,8 +134,8 @@ export const TextInput: FC = React.forwardRef( const ariaInvalid = ariaInvalidProp || mergedStatus === 'error'; const ariaDescribedBy = mergedStatus === 'error' - ? ariaDescribedByProp || errorMessageId - : undefined; + ? [ariaDescribedByProp, errorMessageId].filter(Boolean).join(' ') + : ariaDescribedByProp; // Needed for form error scroll-into-view by id const mergedFormItemInput: boolean = isFormItemInput || formItemInput; diff --git a/src/components/Upload/Upload.tsx b/src/components/Upload/Upload.tsx index 6884d53c3..9b54e8a92 100644 --- a/src/components/Upload/Upload.tsx +++ b/src/components/Upload/Upload.tsx @@ -47,6 +47,8 @@ const InternalUpload: React.ForwardRefRenderFunction = ( accept = '', acceptedFileTypesText: defaultAcceptedFileTypesText, action = '', + 'aria-describedby': ariaDescribedBy, + 'aria-labelledby': ariaLabelledBy, children, classNames, configContextProps = { @@ -577,6 +579,8 @@ const InternalUpload: React.ForwardRefRenderFunction = ( ); const renderButton = (): JSX.Element => (