feat(InputField): add ariaLabel prop

kiwicom · Dec 12, 2024 · 7095271 · 7095271
1 parent e994cb1
commit 7095271
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/orbit-components/src/InputField/index.tsx b/packages/orbit-components/src/InputField/index.tsx
@@ -269,7 +269,7 @@ const InputField = React.forwardRef<HTMLInputElement, Props>((props, ref) => {
           ref={ref}
           tabIndex={tabIndex !== undefined ? Number(tabIndex) : undefined}
           list={list}
-          aria-labelledby={!label ? inputId : undefined}
+          aria-label={label}
           aria-describedby={shown ? `${inputId}-feedback` : undefined}
           aria-invalid={error ? true : undefined}
           aria-autocomplete={ariaAutocomplete}

diff --git a/packages/orbit-components/src/InputField/types.d.ts b/packages/orbit-components/src/InputField/types.d.ts
@@ -16,7 +16,7 @@ export interface Props extends Common.Globals, Common.SpaceAfter, Common.DataAtt
   readonly type?: Type;
   readonly inputMode?: InputMode;
   readonly name?: string;
-  readonly label?: Common.Translation;
+  readonly label?: string;
   readonly inlineLabel?: boolean;
   readonly value?: string | number;
   readonly defaultValue?: string | number;