Add aria-describedby associations

2022-11-04 18:10:53 +00:00
parent cafac39733
commit 58e505cd38
1 changed files with 6 additions and 1 deletions
--- a/src/input/Input.tsx
+++ b/src/input/Input.tsx
@@ -122,6 +122,7 @@ export const InputField = forwardRef<
            type={type}
            checked={checked}
            disabled={disabled}
+            aria-describedby={description ? id + "-desc" : undefined}
            {...rest}
          />
        )}
@@ -135,7 +136,11 @@ export const InputField = forwardRef<
          {label}
        </label>
        {suffix && <span>{suffix}</span>}
-        {description && <p className={styles.description}>{description}</p>}
+        {description && (
+          <p id={id + "-desc"} className={styles.description}>
+            {description}
+          </p>
+        )}
      </Field>
    );
  }