diff --git a/.changeset/khaki-rules-breathe.md b/.changeset/khaki-rules-breathe.md
new file mode 100644
index 00000000000..99489c91f19
--- /dev/null
+++ b/.changeset/khaki-rules-breathe.md
@@ -0,0 +1,7 @@
+---
+"@primer/react": patch
+---
+
+Use `aria-required` instead of `required` on required form elements
+
+<!-- Changed components: TextInput, Textarea -->
diff --git a/src/TextInput/TextInput.features.stories.tsx b/src/TextInput/TextInput.features.stories.tsx
index 51c9c7ef584..765c6210551 100644
--- a/src/TextInput/TextInput.features.stories.tsx
+++ b/src/TextInput/TextInput.features.stories.tsx
@@ -83,6 +83,15 @@ export const Large = () => (
   </Box>
 )
 
+export const Required = () => (
+  <Box as="form">
+    <FormControl required>
+      <FormControl.Label>Default label</FormControl.Label>
+      <TextInput size="large" />
+    </FormControl>
+  </Box>
+)
+
 export const WithLeadingVisual = () => (
   <Box as="form">
     <FormControl>
diff --git a/src/TextInput/TextInput.tsx b/src/TextInput/TextInput.tsx
index 9c6178004e3..5250f510b6e 100644
--- a/src/TextInput/TextInput.tsx
+++ b/src/TextInput/TextInput.tsx
@@ -78,6 +78,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
       variant: variantProp,
       // end deprecated props
       type = 'text',
+      required,
       ...inputProps
     },
     ref,
@@ -143,6 +144,7 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
           onFocus={handleInputFocus}
           onBlur={handleInputBlur}
           type={type}
+          aria-required={required ? 'true' : 'false'}
           {...inputProps}
           data-component="input"
         />
diff --git a/src/Textarea/Textarea.tsx b/src/Textarea/Textarea.tsx
index f07e1aab840..669e595c7d5 100644
--- a/src/Textarea/Textarea.tsx
+++ b/src/Textarea/Textarea.tsx
@@ -92,7 +92,6 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
         <StyledTextarea
           value={value}
           resize={resize}
-          required={required}
           aria-required={required ? 'true' : 'false'}
           aria-invalid={validationStatus === 'error' ? 'true' : 'false'}
           ref={ref}
diff --git a/src/__tests__/FormControl.test.tsx b/src/__tests__/FormControl.test.tsx
index 50346b0e9ba..ec6b5f354a3 100644
--- a/src/__tests__/FormControl.test.tsx
+++ b/src/__tests__/FormControl.test.tsx
@@ -82,7 +82,7 @@ describe('FormControl', () => {
 
         const input = getByRole('textbox')
 
-        expect(input.getAttribute('required')).not.toBeNull()
+        expect(input).toHaveAttribute('aria-required', 'true')
       })
 
       it('renders with a caption', () => {
diff --git a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap
index a1944410067..080ff22b479 100644
--- a/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap
+++ b/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap
@@ -118,6 +118,7 @@ exports[`snapshots renders a custom empty state message 1`] = `
       aria-expanded={false}
       aria-haspopup="listbox"
       aria-owns="autocompleteId-listbox"
+      aria-required="false"
       autoComplete="off"
       className="c2"
       data-component="input"
@@ -285,6 +286,7 @@ exports[`snapshots renders a loading state 1`] = `
       aria-expanded={false}
       aria-haspopup="listbox"
       aria-owns="autocompleteId-listbox"
+      aria-required="false"
       autoComplete="off"
       className="c2"
       data-component="input"
@@ -503,6 +505,7 @@ exports[`snapshots renders a menu that contains an item to add to the menu 1`] =
       aria-expanded={false}
       aria-haspopup="listbox"
       aria-owns="autocompleteId-listbox"
+      aria-required="false"
       autoComplete="off"
       className="c2"
       data-component="input"
@@ -1273,6 +1276,7 @@ exports[`snapshots renders a multiselect input 1`] = `
       aria-expanded={false}
       aria-haspopup="listbox"
       aria-owns="autocompleteId-listbox"
+      aria-required="false"
       autoComplete="off"
       className="c2"
       data-component="input"
@@ -1946,6 +1950,7 @@ exports[`snapshots renders a multiselect input with selected menu items 1`] = `
       aria-expanded={false}
       aria-haspopup="listbox"
       aria-owns="autocompleteId-listbox"
+      aria-required="false"
       autoComplete="off"
       className="c2"
       data-component="input"
@@ -2751,6 +2756,7 @@ exports[`snapshots renders a single select input 1`] = `
       aria-expanded={false}
       aria-haspopup="listbox"
       aria-owns="autocompleteId-listbox"
+      aria-required="false"
       autoComplete="off"
       className="c2"
       data-component="input"
@@ -3775,6 +3781,7 @@ exports[`snapshots renders with an input value 1`] = `
       aria-expanded={false}
       aria-haspopup="listbox"
       aria-owns="autocompleteId-listbox"
+      aria-required="false"
       autoComplete="off"
       className="c2"
       data-component="input"
diff --git a/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/src/__tests__/__snapshots__/TextInput.test.tsx.snap
index e891006f9dd..63eaeab5e13 100644
--- a/src/__tests__/__snapshots__/TextInput.test.tsx.snap
+++ b/src/__tests__/__snapshots__/TextInput.test.tsx.snap
@@ -112,6 +112,7 @@ exports[`TextInput renders 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -242,6 +243,7 @@ exports[`TextInput renders block 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -364,6 +366,7 @@ exports[`TextInput renders consistently 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     onBlur={[Function]}
@@ -486,6 +489,7 @@ exports[`TextInput renders contrast 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -615,6 +619,7 @@ exports[`TextInput renders error 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -744,6 +749,7 @@ exports[`TextInput renders large 1`] = `
   size="large"
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -892,6 +898,7 @@ exports[`TextInput renders leadingVisual 1`] = `
     </svg>
   </span>
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -1041,6 +1048,7 @@ exports[`TextInput renders leadingVisual 2`] = `
     </svg>
   </span>
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -1171,6 +1179,7 @@ exports[`TextInput renders leadingVisual 3`] = `
     </div>
   </span>
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -1301,6 +1310,7 @@ exports[`TextInput renders leadingVisual 4`] = `
     </div>
   </span>
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -1425,6 +1435,7 @@ exports[`TextInput renders monospace 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -1547,6 +1558,7 @@ exports[`TextInput renders placeholder 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -1679,6 +1691,7 @@ exports[`TextInput renders small 1`] = `
   size="small"
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="zipcode"
@@ -2295,6 +2308,7 @@ exports[`TextInput renders trailingAction icon button 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -2734,6 +2748,7 @@ exports[`TextInput renders trailingAction text button 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -3379,6 +3394,7 @@ exports[`TextInput renders trailingAction text button with a tooltip 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -3531,6 +3547,7 @@ exports[`TextInput renders trailingVisual 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -3680,6 +3697,7 @@ exports[`TextInput renders trailingVisual 2`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -3829,6 +3847,7 @@ exports[`TextInput renders trailingVisual 3`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -3959,6 +3978,7 @@ exports[`TextInput renders trailingVisual 4`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="search"
@@ -4112,6 +4132,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
     onClick={[Function]}
   >
     <input
+      aria-required="false"
       className="c2"
       data-component="input"
       onBlur={[Function]}
@@ -4334,6 +4355,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c4"
       data-component="input"
       onBlur={[Function]}
@@ -4512,6 +4534,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
     onClick={[Function]}
   >
     <input
+      aria-required="false"
       className="c2"
       data-component="input"
       onBlur={[Function]}
@@ -4774,6 +4797,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c5"
       data-component="input"
       onBlur={[Function]}
@@ -5036,6 +5060,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c5"
       data-component="input"
       onBlur={[Function]}
@@ -5298,6 +5323,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c5"
       data-component="input"
       onBlur={[Function]}
@@ -5485,6 +5511,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
     onClick={[Function]}
   >
     <input
+      aria-required="false"
       className="c2"
       data-component="input"
       onBlur={[Function]}
@@ -5747,6 +5774,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c4"
       data-component="input"
       onBlur={[Function]}
@@ -5965,6 +5993,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
     onClick={[Function]}
   >
     <input
+      aria-required="false"
       className="c2"
       data-component="input"
       onBlur={[Function]}
@@ -6276,6 +6305,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c5"
       data-component="input"
       onBlur={[Function]}
@@ -6578,6 +6608,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c5"
       data-component="input"
       onBlur={[Function]}
@@ -6887,6 +6918,7 @@ exports[`TextInput renders with a loading indicator 1`] = `
       </div>
     </span>
     <input
+      aria-required="false"
       className="c5"
       data-component="input"
       onBlur={[Function]}
@@ -7078,6 +7110,7 @@ exports[`TextInput should render a password input 1`] = `
   onClick={[Function]}
 >
   <input
+    aria-required="false"
     className="c2"
     data-component="input"
     name="password"
diff --git a/src/drafts/MarkdownEditor/MarkdownEditor.test.tsx b/src/drafts/MarkdownEditor/MarkdownEditor.test.tsx
index 3c1509e4027..7144774879a 100644
--- a/src/drafts/MarkdownEditor/MarkdownEditor.test.tsx
+++ b/src/drafts/MarkdownEditor/MarkdownEditor.test.tsx
@@ -213,12 +213,12 @@ describe('MarkdownEditor', () => {
 
   it('does not require the textarea by default', async () => {
     const {getInput} = await render(<UncontrolledEditor />)
-    expect(getInput()).not.toHaveAttribute('required')
+    expect(getInput()).toHaveAttribute('aria-required', 'false')
   })
 
   it('requires the textarea when required', async () => {
     const {getInput} = await render(<UncontrolledEditor required />)
-    expect(getInput()).toHaveAttribute('required')
+    expect(getInput()).toHaveAttribute('aria-required', 'true')
   })
 
   it('does not render a placeholder by default', async () => {