diff --git a/packages/design/src/Form/components/Attachment/index.tsx b/packages/design/src/Form/components/Attachment/index.tsx index 22af131d..3ab38c5a 100644 --- a/packages/design/src/Form/components/Attachment/index.tsx +++ b/packages/design/src/Form/components/Attachment/index.tsx @@ -81,21 +81,21 @@ const Attachment: PatternComponent = props => { }).format( getFileTypeLabelFromMimes(props.allowedFileTypes) )} files`} - {(props.error || error) && ( - - {props.error?.message || error} - - )} {props.maxAttachments === 1 ? `Select ${props.maxAttachments} file` : `Select up to ${props.maxAttachments} files`} + {(props.error || error) && ( + + {props.error?.message || error} + + )}
{attachments.length === 0 ? ( @@ -138,7 +138,7 @@ const Attachment: PatternComponent = props => { 'usa-input--error': props.error || error, })} id={`input-${props.inputId}`} - aria-describedby={`input-message-${props.inputId} label-${props.inputId}`} + aria-describedby={`label-${props.inputId} input-hint-${props.inputId} ${props.error || error ? `input-error-message-${props.inputId}` : null}`} onChange={handleChange} onBlur={onBlur} name={name}