From 82e1ffe8ecda43a1c059250e5d0cd5accc318f2e Mon Sep 17 00:00:00 2001
From: Jakob Langtry <jjalangtry@users.noreply.github.com>
Date: Fri, 20 Mar 2026 14:41:17 +0000
Subject: [PATCH] chore: Accessibility basics

Closes #319
---
 packages/react-ui/src/genui-lib/FormControl/index.tsx | 2 +-
 packages/react-ui/src/genui-lib/Input/index.tsx       | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-ui/src/genui-lib/FormControl/index.tsx b/packages/react-ui/src/genui-lib/FormControl/index.tsx
index 11d6d3ff0..de2b358b5 100644
--- a/packages/react-ui/src/genui-lib/FormControl/index.tsx
+++ b/packages/react-ui/src/genui-lib/FormControl/index.tsx
@@ -23,7 +23,7 @@ export const FormControl = defineComponent({
 
     return (
       <OpenUIFormControl>
-        <OpenUILabel className="text-sm font-medium" required={isRequired}>
+        <OpenUILabel className="text-sm font-medium" required={isRequired} htmlFor={fieldName}>
           {props.label as string}
         </OpenUILabel>
         {renderNode(props.input)}
diff --git a/packages/react-ui/src/genui-lib/Input/index.tsx b/packages/react-ui/src/genui-lib/Input/index.tsx
index 26dc44058..a9c0b10f9 100644
--- a/packages/react-ui/src/genui-lib/Input/index.tsx
+++ b/packages/react-ui/src/genui-lib/Input/index.tsx
@@ -40,6 +40,7 @@ export const Input = defineComponent({
 
     return (
       <OpenUIInput
+        id={fieldName}
         name={fieldName}
         placeholder={(props.placeholder as string) || ""}
         type={(props.type as string) || "text"}