Add aria-describedby associations

This commit is contained in:
David Baker 2022-11-04 18:10:53 +00:00
parent cafac39733
commit 58e505cd38

View file

@ -122,6 +122,7 @@ export const InputField = forwardRef<
type={type} type={type}
checked={checked} checked={checked}
disabled={disabled} disabled={disabled}
aria-describedby={description ? id + "-desc" : undefined}
{...rest} {...rest}
/> />
)} )}
@ -135,7 +136,11 @@ export const InputField = forwardRef<
{label} {label}
</label> </label>
{suffix && <span>{suffix}</span>} {suffix && <span>{suffix}</span>}
{description && <p className={styles.description}>{description}</p>} {description && (
<p id={id + "-desc"} className={styles.description}>
{description}
</p>
)}
</Field> </Field>
); );
} }