feat(InputField): add ariaLabel prop

kiwicom · Dec 17, 2024 · b460268 · b460268
1 parent 39d0355
commit b460268
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/orbit-components/src/InputField/InputField.stories.tsx b/packages/orbit-components/src/InputField/InputField.stories.tsx
@@ -499,6 +499,20 @@ export const Playground: Story = {
       },
     },
   },
+
+  parameters: {
+    controls: {
+      exclude: [
+        "onChange",
+        "onFocus",
+        "onBlur",
+        "onMouseUp",
+        "onMouseDown",
+        "onSelect",
+        "onKeyDown",
+      ],
+    },
+  },
 };
 
 export const Rtl: Story = {

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 ? (label as string) : undefined}
           aria-describedby={shown ? `${inputId}-feedback` : undefined}
           aria-invalid={error ? true : undefined}
           aria-autocomplete={ariaAutocomplete}