From 621aa782ffecd4adb4e86058728e0dc0cd64eb49 Mon Sep 17 00:00:00 2001
From: Albert Yu <albert@albertyu.co>
Date: Tue, 11 Aug 2026 14:02:21 +0200
Subject: [PATCH 1/5] [test][radio] Add axe tests and WCAG conformance reports

---
 .../radio-buttons/ColorRadioButtons.js        |   2 +-
 .../radio-buttons/ColorRadioButtons.tsx       |   2 +-
 .../radio-buttons/SizeRadioButtons.js         |   2 +-
 .../radio-buttons/SizeRadioButtons.tsx        |   2 +-
 .../radio-buttons/radio-buttons.a11y.json     | 514 ++++++++++++++++++
 packages/mui-material/src/Radio/Radio.test.js | 133 ++++-
 .../mui-material/src/Radio/accessibility.md   | 335 ++++++++++++
 .../src/RadioGroup/RadioGroup.test.js         | 121 ++++-
 .../src/RadioGroup/accessibility.md           | 177 ++++++
 test/regressions/demoMeta.test.ts             |  19 +
 test/regressions/demoMeta.ts                  |  19 +
 11 files changed, 1299 insertions(+), 27 deletions(-)
 create mode 100644 docs/data/material/components/radio-buttons/radio-buttons.a11y.json
 create mode 100644 packages/mui-material/src/Radio/accessibility.md
 create mode 100644 packages/mui-material/src/RadioGroup/accessibility.md

diff --git a/docs/data/material/components/radio-buttons/ColorRadioButtons.js b/docs/data/material/components/radio-buttons/ColorRadioButtons.js
index 0c18596d524934..f4b4c07df32e6a 100644
--- a/docs/data/material/components/radio-buttons/ColorRadioButtons.js
+++ b/docs/data/material/components/radio-buttons/ColorRadioButtons.js
@@ -14,7 +14,7 @@ export default function ColorRadioButtons() {
     onChange: handleChange,
     value: item,
     name: 'color-radio-button-demo',
-    inputProps: { 'aria-label': item },
+    slotProps: { input: { 'aria-label': item } },
   });
 
   return (
diff --git a/docs/data/material/components/radio-buttons/ColorRadioButtons.tsx b/docs/data/material/components/radio-buttons/ColorRadioButtons.tsx
index f01f5dd5ec82e5..7891b0048a5b4e 100644
--- a/docs/data/material/components/radio-buttons/ColorRadioButtons.tsx
+++ b/docs/data/material/components/radio-buttons/ColorRadioButtons.tsx
@@ -14,7 +14,7 @@ export default function ColorRadioButtons() {
     onChange: handleChange,
     value: item,
     name: 'color-radio-button-demo',
-    inputProps: { 'aria-label': item },
+    slotProps: { input: { 'aria-label': item } },
   });
 
   return (
diff --git a/docs/data/material/components/radio-buttons/SizeRadioButtons.js b/docs/data/material/components/radio-buttons/SizeRadioButtons.js
index 02a9ca4f90498c..bc310aab35d71c 100644
--- a/docs/data/material/components/radio-buttons/SizeRadioButtons.js
+++ b/docs/data/material/components/radio-buttons/SizeRadioButtons.js
@@ -12,7 +12,7 @@ export default function SizeRadioButtons() {
     onChange: handleChange,
     value: item,
     name: 'size-radio-button-demo',
-    inputProps: { 'aria-label': item },
+    slotProps: { input: { 'aria-label': item } },
   });
 
   return (
diff --git a/docs/data/material/components/radio-buttons/SizeRadioButtons.tsx b/docs/data/material/components/radio-buttons/SizeRadioButtons.tsx
index 2f39da5d669e17..a76bd6e4778ea1 100644
--- a/docs/data/material/components/radio-buttons/SizeRadioButtons.tsx
+++ b/docs/data/material/components/radio-buttons/SizeRadioButtons.tsx
@@ -12,7 +12,7 @@ export default function SizeRadioButtons() {
     onChange: handleChange,
     value: item,
     name: 'size-radio-button-demo',
-    inputProps: { 'aria-label': item },
+    slotProps: { input: { 'aria-label': item } },
   });
 
   return (
diff --git a/docs/data/material/components/radio-buttons/radio-buttons.a11y.json b/docs/data/material/components/radio-buttons/radio-buttons.a11y.json
new file mode 100644
index 00000000000000..f635722a0e9117
--- /dev/null
+++ b/docs/data/material/components/radio-buttons/radio-buttons.a11y.json
@@ -0,0 +1,514 @@
+{
+  "ColorRadioButtons": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "ControlledRadioButtonsGroup": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-deprecated-role": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-required-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-roles": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "color-contrast": {
+        "status": "pass",
+        "tags": ["wcag2aa"]
+      },
+      "duplicate-id-aria": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "CustomizedRadios": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-deprecated-role": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-required-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-roles": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "color-contrast": {
+        "status": "pass",
+        "tags": ["wcag2aa"]
+      },
+      "duplicate-id-aria": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "ErrorRadios": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-deprecated-role": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-required-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-roles": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "button-name": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "color-contrast": {
+        "status": "pass",
+        "tags": ["wcag2aa"]
+      },
+      "duplicate-id-aria": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "RadioButtons": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "RadioButtonsGroup": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-deprecated-role": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-required-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-roles": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "color-contrast": {
+        "status": "pass",
+        "tags": ["wcag2aa"]
+      },
+      "duplicate-id-aria": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "RowRadioButtonsGroup": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-deprecated-role": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-required-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-roles": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "color-contrast": {
+        "status": "pass",
+        "tags": ["wcag2aa"]
+      },
+      "duplicate-id-aria": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "SizeRadioButtons": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  },
+  "UseRadioGroup": {
+    "rules": {
+      "aria-allowed-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-conditional-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-deprecated-role": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-hidden-focus": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-prohibited-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-required-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-roles": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "aria-valid-attr-value": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "color-contrast": {
+        "status": "pass",
+        "tags": ["wcag2aa"]
+      },
+      "form-field-multiple-labels": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "label": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "nested-interactive": {
+        "status": "pass",
+        "tags": ["wcag2a"]
+      },
+      "target-size": {
+        "status": "pass",
+        "tags": ["wcag22aa"]
+      }
+    }
+  }
+}
diff --git a/packages/mui-material/src/Radio/Radio.test.js b/packages/mui-material/src/Radio/Radio.test.js
index 1f35c4a4b3ee75..56f4d9eaf66676 100644
--- a/packages/mui-material/src/Radio/Radio.test.js
+++ b/packages/mui-material/src/Radio/Radio.test.js
@@ -1,7 +1,10 @@
 import { describe, it, expect } from 'vitest';
-import { createRenderer, screen, isJsdom } from '@mui/internal-test-utils';
+import * as React from 'react';
+import { spy } from 'sinon';
+import { act, createRenderer, screen, isJsdom } from '@mui/internal-test-utils';
 import Radio, { radioClasses as classes } from '@mui/material/Radio';
 import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
 import ButtonBase from '@mui/material/ButtonBase';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import switchBaseClasses from '../internal/switchBaseClasses';
@@ -195,4 +198,132 @@ describe('<Radio />', () => {
       expect(radio.querySelector('.touch-ripple')).not.to.equal(null);
     });
   });
+
+  describe('WCAG 2.2 conformance', () => {
+    it('2.1.1 Keyboard: Space selects the focused radio', async () => {
+      const handleChange = spy();
+      const { user } = render(<Radio value="a" onChange={handleChange} />);
+      const radio = screen.getByRole('radio');
+
+      await act(async () => {
+        radio.focus();
+      });
+
+      await user.keyboard('[Space]');
+      expect(radio).to.have.property('checked', true);
+      expect(handleChange.callCount).to.equal(1);
+    });
+
+    it('2.1.2 No Keyboard Trap: keyboard focus can enter and leave the radio', async () => {
+      const { user } = render(
+        <React.Fragment>
+          <button type="button">before</button>
+          <Radio value="a" />
+          <button type="button">after</button>
+        </React.Fragment>,
+      );
+      const before = screen.getByRole('button', { name: 'before' });
+      const after = screen.getByRole('button', { name: 'after' });
+      const radio = screen.getByRole('radio');
+
+      before.focus();
+      await user.tab();
+      expect(document.activeElement).to.equal(radio);
+      await user.tab();
+      expect(document.activeElement).to.equal(after);
+      await user.tab({ shift: true });
+      expect(document.activeElement).to.equal(radio);
+    });
+
+    it('2.4.3 Focus Order: is a single tab stop in DOM order', async () => {
+      const { user } = render(
+        <React.Fragment>
+          <button type="button">first</button>
+          <Radio value="a" />
+          <button type="button">last</button>
+        </React.Fragment>,
+      );
+      const first = screen.getByRole('button', { name: 'first' });
+      const radio = screen.getByRole('radio');
+      const last = screen.getByRole('button', { name: 'last' });
+
+      first.focus();
+      await user.tab();
+      expect(document.activeElement).to.equal(radio);
+      await user.tab();
+      expect(document.activeElement).to.equal(last);
+    });
+
+    it('2.5.2 Pointer Cancellation: activates on the pointer up-event, not the down-event', async () => {
+      const handleChange = spy();
+      const { user } = render(<Radio value="a" onChange={handleChange} />);
+      const radio = screen.getByRole('radio');
+
+      // Press without releasing: the down-event must not select.
+      await user.pointer({ keys: '[MouseLeft>]', target: radio });
+      expect(radio).to.have.property('checked', false);
+      expect(handleChange.callCount).to.equal(0);
+
+      // Releasing over the target completes the activation.
+      await user.pointer({ keys: '[/MouseLeft]', target: radio });
+      expect(radio).to.have.property('checked', true);
+      expect(handleChange.callCount).to.equal(1);
+    });
+
+    it('2.5.3 Label in Name: the accessible name matches the visible label', () => {
+      render(<FormControlLabel control={<Radio />} label="Express delivery" />);
+      // getByRole with `name` only resolves if the accessible name matches the visible label.
+      expect(screen.getByRole('radio', { name: 'Express delivery' })).to.have.property(
+        'checked',
+        false,
+      );
+    });
+
+    it('3.2.1 On Focus: moving focus to the radio changes no context or state', async () => {
+      const handleChange = spy();
+      const { user } = render(<Radio value="a" onChange={handleChange} />);
+      const radio = screen.getByRole('radio');
+
+      await user.tab();
+
+      expect(document.activeElement).to.equal(radio);
+      expect(radio).to.have.property('checked', false);
+      expect(handleChange.callCount).to.equal(0);
+    });
+
+    it('3.2.2 On Input: selecting changes only the value and fires onChange', async () => {
+      const handleChange = spy();
+      const { user } = render(<Radio value="a" onChange={handleChange} />);
+      const radio = screen.getByRole('radio');
+
+      await user.click(radio);
+
+      expect(radio).to.have.property('checked', true);
+      expect(handleChange.callCount).to.equal(1);
+    });
+
+    describe('4.1.2 Name, Role, Value', () => {
+      it('exposes the radio role, its value, and its accessible name', () => {
+        render(<FormControlLabel control={<Radio value="a" />} label="Option A" />);
+        const radio = screen.getByRole('radio', { name: 'Option A' });
+
+        expect(radio).to.have.property('value', 'a');
+      });
+
+      it('reflects the checked state', async () => {
+        const { user } = render(<Radio value="a" />);
+        const radio = screen.getByRole('radio');
+        expect(radio).to.have.property('checked', false);
+
+        await user.click(radio);
+        expect(radio).to.have.property('checked', true);
+      });
+
+      it('reflects the disabled state', () => {
+        render(<Radio value="a" disabled />);
+
+        expect(screen.getByRole('radio')).to.have.property('disabled', true);
+      });
+    });
+  });
 });
diff --git a/packages/mui-material/src/Radio/accessibility.md b/packages/mui-material/src/Radio/accessibility.md
new file mode 100644
index 00000000000000..e6abd95778d68d
--- /dev/null
+++ b/packages/mui-material/src/Radio/accessibility.md
@@ -0,0 +1,335 @@
+# Radio accessibility conformance
+
+Rated against WCAG 2.2 Level A and AA. See the [reports legend](../accessibility.md).
+
+| Result                | Count |
+| :-------------------- | :---- |
+| ✅ Supports           | 23    |
+| ⚠️ Partially Supports | 2     |
+| ❌ Does Not Support   | 0     |
+| ➖ Not Applicable     | 30    |
+| 🚩 Flagged            | 3/25  |
+
+## Known gaps
+
+- ⚠️ **1.4.11 Non-text Contrast.** The default dot and circle clear 3:1 (`warning` is the tightest at 3.11:1), but the keyboard focus indicator is untested and `disableRipple`/`disableFocusRipple` or custom icons can drop below 3:1 (the `CustomizedRadios` unchecked circle is about 1.1:1 against the page).
+- ⚠️ **2.4.7 Focus Visible.** `disableRipple`/`disableFocusRipple` removes the focus ripple, leaving none unless the author adds `.Mui-focusVisible` styling.
+
+## Success criteria
+
+### 🔍 Manual
+
+#### 1.3.2 Meaningful Sequence · A
+
+`✅ Supports` · `○ Author`
+
+- The radio is one control: the hidden `<input>` followed by the `aria-hidden` dot and circle, with `FormControlLabel` placing the label and control in source order, so the reading order matches the visual order.
+- Order carries meaning only across several controls, which the surrounding layout sets. `labelPlacement="bottom"` flips the label and control vertically, so confirm the reading order of a group like `FormControlLabelPlacement` still matches its visual order.
+
+**Manual testing steps**
+
+1. Render a `RadioGroup` with several labeled `Radio` options, then press <kbd>Tab</kbd> and the arrow keys through them, noting the focus order.
+2. Compare that order to the visual top-to-bottom order.
+3. Watch for `labelPlacement` or flex layouts that reorder a row visually without changing the DOM.
+
+**Pass:** focus and reading order match the visual order.
+
+#### 1.3.3 Sensory Characteristics · A
+
+`✅ Supports` · `○ Author`
+
+- The component renders no instructional text of its own.
+- The author is responsible for ensuring surrounding copy does not rely on sensory characteristics alone (for example "select the green option" or "the option on the right").
+
+**Manual testing steps**
+
+1. Review the copy near a radio group for sensory-only references.
+2. Check that each also names the option by its label.
+
+**Pass:** no instruction relies on color, shape, size, or position without naming the control.
+
+#### 1.4.5 Images of Text · AA
+
+`✅ Supports` · `○ Author`
+
+- Labels and helper text render as live DOM text; the dot and circle are vector graphics without any textual information.
+- This fails only if an author passes an image of text as the label, or supplies an `icon`/`checkedIcon` that is an image of text. Use real text unless it is a logo.
+
+**Manual testing steps**
+
+1. Inspect the label and helper nodes and confirm they are selectable live text, not `<img>` or background images of text.
+2. Confirm no label, `icon`, or `checkedIcon` uses an image of text.
+
+**Pass:** labels and helper text are live text.
+
+#### 2.4.11 Focus Not Obscured (Minimum) · AA
+
+`✅ Supports` · `○ Author`
+
+- The radio is an ordinary focusable control and never places itself behind other content. Obscuring comes from sticky headers, banners, or overlays in the surrounding layout.
+- Confirm by moving focus to a radio beneath any sticky or overlay content at several scroll positions. At least part of it must stay visible.
+
+**Manual testing steps**
+
+1. In a page with a sticky header, footer, or banner, scroll so a radio sits under the sticky element.
+2. Press <kbd>Tab</kbd> to move focus onto it.
+
+**Pass:** at least part of the focused radio stays visible, never fully covered.
+
+#### 3.2.4 Consistent Identification · AA
+
+`✅ Supports` · `○ Author`
+
+- The component exposes whatever name the author supplies.
+- Consistency is a cross-page property. Confirm that radios with the same function share a label, and that one label is not reused for different functions.
+
+**Manual testing steps**
+
+1. List the radio options that do the same job across the product.
+2. Compare their labels.
+
+**Pass:** the same function uses the same label, and no label is reused for different functions.
+
+#### 3.3.2 Labels or Instructions · A
+
+`✅ Supports` · `○ Author`
+
+- A visible label or instruction is the author's content to supply; the component renders a real `<label>` when wrapped in `FormControlLabel`, which is the recommended composition for the radio component.
+- `aria-label`-only radios would fail this SC in a real-world use case.
+
+**Manual testing steps**
+
+1. For each radio, confirm a visible label or instruction is shown to all users.
+2. Flag instances that rely on an `aria-label` only (no visible text).
+3. Confirm bare radios are wrapped in `FormControlLabel` or paired with visible instructions.
+
+**Pass:** each radio has a visible label or instruction.
+
+### 🔁 Hybrid
+
+#### 1.1.1 Non-text Content · A
+
+`✅ Supports` · `◐ Shared`
+
+- The default `RadioButton*` icons, and any MUI `SvgIcon` passed via `icon`/`checkedIcon`, default to `aria-hidden`, so they stay decorative; the accessible name comes from the label, not the dot.
+- The name is not self-supplied: a bare `<Radio />` has none. It is satisfied when the author wraps it in `FormControlLabel` (a real `<label>`) or passes `slotProps.input` `aria-label`/`aria-labelledby`, as the docs instruct. Covered by axe-core.
+
+**Manual testing steps**
+
+1. Render `<FormControlLabel control={<Radio />} label="Standard shipping" />` and confirm the accessibility tree shows `role=radio` named "Standard shipping".
+2. Render a bare `<Radio />` and confirm it has an empty name, the failure mode authors must avoid.
+3. Confirm the dot and circle SVGs are `aria-hidden`.
+
+**Pass:** every radio exposes a non-empty accessible name and the dot and circle stay `aria-hidden`.
+
+#### 1.3.1 Info and Relationships · A
+
+`✅ Supports` · `◐ Shared`
+
+- The native `<input type="radio">` exposes role and checked state; `required` and `disabled` map to the native attributes; `FormControlLabel` associates the label through a real `<label>`; and a shared `name` ties the options into one native group. Covered by axe-core. The group's `role="radiogroup"` relationship is rated in the [RadioGroup report](../RadioGroup/accessibility.md).
+- Two relationships are the author's to connect. `FormHelperText` is a bare `<p>` with no `aria-describedby`, so helper and error text (as in `ErrorRadios`) are not tied to the control. Add `aria-describedby` in the application.
+
+**Manual testing steps**
+
+1. Render `<FormControlLabel control={<Radio required />} label="Express" />` and confirm `role=radio`, the name, `required`, and the wrapping `<label>`.
+
+**Pass:** role, state, and label association are programmatically determinable, and any helper or error text is tied to the control via author-supplied `aria-describedby`.
+
+#### 1.4.1 Use of Color · A
+
+`🚩` · `✅ Supports` · `◐ Shared`
+
+- State is conveyed by the dot's presence and not color - an empty circle (unchecked) and a circle with a filled dot (checked)
+- The group error state is color-only: `FormHelperText` conveys it through red text. The author is responsible for associating it with error text.
+
+**Manual testing steps**
+
+1. Render a checked and an unchecked radio and view in grayscale (DevTools Rendering, Emulate vision deficiencies, Achromatopsia); confirm the dot still distinguishes them.
+
+**Pass:** checked and unchecked are distinguishable by the dot, and any error state is conveyed by more than color.
+
+#### 1.4.3 Contrast (Minimum) · AA
+
+`✅ Supports` · `◐ Shared`
+
+- This criterion governs the visible text (the label and helper text), not the dot or circle, which is covered by 1.4.11. The label uses `text.primary` (about 16:1 on white, 18:1 on the dark background) and helper text uses `text.secondary` (about 5.7:1); error helper text `error.main` computes `4.98:1` on white, the tightest text case but above the `4.5:1` threshold. Covered by axe-core; the disabled label text is exempt.
+- The component renders no text on a colored fill, so unlike a contained button there is no label-on-background risk. Custom label colors or a colored container behind the row are the author's to check. Disabled text is exempt.
+
+**Manual testing steps**
+
+1. Measure the label and helper text against the real background in light and dark themes.
+2. Pay attention to light-mode error text (`#d32f2f`, about `5:1`) on any non-white background.
+
+**Pass:** label and helper or error text meet `4.5:1` (`3:1` for large text) against the actual background.
+
+#### 1.4.11 Non-text Contrast · AA
+
+`🚩` · `⚠️ Partially Supports` · `● Component`
+
+- This criterion, not 1.4.3, governs the dot and circle at 3:1, and every default state passes against the default page background (`#fff` light, `#121212` dark). In light mode `warning` is the tightest at `3.11:1`, `info` `3.86:1`, the default `primary` dot `4.60:1`, and the unchecked `text.secondary` circle `5.74:1`; dark mode clears `3:1` with room to spare (`error`, the lowest, is about `5:1`). `warning.main` is tuned in the palette as "closest to orange[800] that pass 3:1", so a colored container behind the radio eats its small headroom first. Disabled (`action.disabled`, about `1.9:1`) is exempt.
+
+**Manual testing steps**
+
+1. Measure the unchecked circle and each checked color (`primary` through `warning`) against the background; confirm `3:1`, checking `warning` specifically.
+2. Measure the keyboard focus indicator against the colors next to it.
+3. Audit any custom `icon`/`checkedIcon` (a low-contrast custom icon is a common fail) and treat disabled as exempt.
+
+**Pass:** the dot and circle in every active state and the focus indicator are `3:1` against adjacent colors; disabled is exempt.
+
+#### 2.4.6 Headings and Labels · AA
+
+`✅ Supports` · `◐ Shared`
+
+- The component renders whatever label the author supplies. This criterion does not require a label to exist, only that any provided label describes its purpose. axe-core covers that a name is present; whether it is descriptive is a manual review. The group's own legend is rated in the [RadioGroup report](../RadioGroup/accessibility.md).
+- A vague label ("Option 1") would fail, and the component cannot enforce wording.
+
+**Manual testing steps**
+
+1. Read each radio label.
+2. Confirm each describes the option ("Express delivery", not "Option 1").
+
+**Pass:** every provided label describes its purpose.
+
+#### 2.4.7 Focus Visible · AA
+
+`🚩` · `⚠️ Partially Supports` · `● Component`
+
+- The focus ripple serves as focus visible indicator
+- `disableRipple` or `disableFocusRipple` removes the focus indicator (the focus ripple), relying on the author to add it with `.Mui-focusVisible` styles.
+
+**Manual testing steps**
+
+1. Press <kbd>Tab</kbd> to a default `<Radio />` and confirm a visible focus indicator appears.
+2. Click with the mouse and confirm the indicator is keyboard-only.
+
+**Pass:** every keyboard-focused radio shows a visible indicator, including `disableRipple` via author-supplied styles.
+
+#### 4.1.2 Name, Role, Value · A
+
+`✅ Supports` · `◐ Shared`
+
+- Role, checked, and disabled are met natively: the native `<input type="radio">` exposes `role=radio`, the checked state, the value, and change notification with no ARIA needed; `disabled` maps to native `disabled` and `required` to native `required`. Unlike a checkbox, a radio has no `indeterminate` state, so it sets no `aria-checked` and raises no ARIA-in-HTML conflict. Covered by axe-core and unit tests.
+- The individual radio's name relies on author-supplied `FormControlLabel` or `aria-label`. The group's name, role, and selected value are rated in the [RadioGroup report](../RadioGroup/accessibility.md).
+
+**Manual testing steps**
+
+1. Render a labeled radio and confirm `role=radio` with a non-empty name in the accessibility tree.
+2. Select it with a screen reader running and confirm the state change is announced.
+3. Confirm the unselected options announce as "not checked".
+
+**Pass:** the role, the checked or unchecked and disabled state with change notification, and an author-supplied accessible name are all programmatically determinable.
+
+### ⚙️ Automated
+
+#### 1.4.4 Resize Text · AA
+
+`✅ Supports` · `◐ Shared`
+
+- The dot and circle are an `SvgIcon` whose size comes from `fontSize` in `rem` (medium 24px = 1.5rem, small 20px = 1.25rem) with a `1em` box, so they scale with browser zoom or root font size; the label is normal text. No pixel units are used.
+- A fixed-pixel container in the surrounding layout could cause clipping at 200%. Covered by a Playwright test at 200% text size.
+
+#### 1.4.10 Reflow · AA
+
+`✅ Supports` · `◐ Shared`
+
+- The radio is a small inline-flex control with no fixed min-width and no horizontal-overflow layout of its own, so it reflows into a 320 CSS pixel viewport.
+- Real failures usually come from the surrounding layout, such as a wide non-wrapping row of labeled radios or a fixed-width container (a default `row` group still wraps, since `FormGroup` keeps `flex-wrap: wrap`). Covered by a Playwright test at a 320px viewport.
+
+#### 1.4.12 Text Spacing · AA
+
+`✅ Supports` · `◐ Shared`
+
+- The component sets no text styles of its own and no fixed heights that would clip under user text-spacing overrides; the label is normal flowing text that wraps, and the dot and circle are fixed vectors unaffected by spacing.
+- Whether a long label clips depends on the author's container. Covered by a Playwright test applying the WCAG text-spacing overrides.
+
+#### 2.1.1 Keyboard · A
+
+`✅ Supports` · `● Component`
+
+- The native `<input type="radio">` is the single focusable control (the root span is `role: undefined`, `tabIndex: null`), so the browser provides <kbd>Tab</kbd> focus and <kbd>Space</kbd> selection with no timing or path dependence, matching the [APG radio pattern](https://www.w3.org/WAI/ARIA/apg/patterns/radio/). Disabled leaves the tab order. Arrow-key movement between grouped radios is covered in the [RadioGroup report](../RadioGroup/accessibility.md).
+- Covered by unit tests.
+
+#### 2.1.2 No Keyboard Trap · A
+
+`✅ Supports` · `● Component`
+
+- A single native input with standard <kbd>Tab</kbd> in and out. It installs no focus-capturing handlers and no containment logic, so focus cannot be trapped. Covered by unit tests.
+
+#### 2.4.3 Focus Order · A
+
+`✅ Supports` · `◐ Shared`
+
+- The radio is one focusable element in natural DOM order, with no positive `tabIndex` and no reordering, so it is one correct focus stop. Covered by unit tests; the group's roving tab order is rated in the [RadioGroup report](../RadioGroup/accessibility.md).
+- Order across controls is the surrounding layout's responsibility.
+
+#### 2.5.2 Pointer Cancellation · A
+
+`✅ Supports` · `● Component`
+
+- Selecting runs on the native input's `click`, fired on pointer-up over the target. Nothing selects on the down event (the ripple starts there but is decorative), and releasing off the control cancels. Covered by unit tests.
+
+#### 2.5.3 Label in Name · A
+
+`✅ Supports` · `◐ Shared`
+
+- With `FormControlLabel` and a string label, the accessible name equals the visible text, so the name contains the label. Covered by unit tests.
+- A `slotProps.input` `aria-label` that differs from the visible text breaks this. Keep the visible words in the name. Covered by unit tests.
+
+#### 2.5.8 Target Size (Minimum) · AA
+
+`✅ Supports` · `◐ Shared`
+
+- The target is the padded root, not the icon (the input fills it at 100%): medium is a 24px icon plus 2 by 9px padding = 42px, and `size="small"` is 38px, both above the 24 by 24 CSS pixel minimum. Covered by axe-core.
+- It would drop below 24px only if an author both shrinks the icon and removes the padding. Custom `sx`/`size` overrides and hit-area changes under browser zoom are not covered.
+
+#### 3.2.1 On Focus · A
+
+`✅ Supports` · `● Component`
+
+- Focusing the input only moves focus and shows the focus indicator. There is no navigation, dialog, or content change on focus, and the component registers no `onFocus` side effects. Covered by unit tests.
+
+#### 3.2.2 On Input · A
+
+`✅ Supports` · `◐ Shared`
+
+- Selecting only sets the checked state and fires `onChange`; per the Understanding document, changing a control's value is not a change of context. Covered by unit tests.
+- An author `onChange` that navigates or submits without warning would be an author-side failure.
+
+## Not applicable
+
+- **1.3.5 Identify Input Purpose (AA).** Covers fields that autofill the user's own data through `autocomplete`. Those purposes map to text-entry and `select` controls (`sex`, for example, is free-form text), not radio buttons, so even a "Gender" radio group is outside this criterion.
+- **1.4.13 Content on Hover or Focus (AA).** Needs additional content such as a tooltip or popover. The radio only restyles itself; a `Tooltip` wrapper would own this.
+- **2.1.4 Character Key Shortcuts (A).** The only keys are <kbd>Space</kbd> and the arrow keys, and only while focused. There is no single-character shortcut.
+- **2.2.2 Pause, Stop, Hide (A).** No auto-starting moving, blinking, or auto-updating content.
+- **2.4.4 Link Purpose (In Context) (A).** The component renders no links.
+- **2.5.7 Dragging Movements (AA, new in 2.2).** Covers drag operations. The radio selects by tap or click.
+- **3.1.1 Language of Page (A), 3.1.2 Language of Parts (AA).** The component emits no `<html lang>` and no text of its own. A foreign-language label is the author's phrase to mark.
+- **3.2.3 Consistent Navigation (AA).** Covers repeated navigation across a set of pages, not a single control.
+- **3.2.6 Consistent Help (A, new in 2.2).** Covers consistent placement of help across pages.
+- **3.3.7 Redundant Entry (A, new in 2.2).** Covers repopulating previously entered data. The radio captures none.
+- **3.3.8 Accessible Authentication (Minimum) (AA, new in 2.2).** The paste, autofill, and cognitive-test duty falls on the credential fields, not a radio.
+- **4.1.3 Status Messages (AA).** The radio emits no status messages; its checked-state change is covered by 4.1.2.
+- **Time-based media (1.2.1 to 1.2.5).** No audio or video.
+- **Audio Control (1.4.2).** Emits no audio.
+- **Orientation (1.3.4).** Sets no orientation lock; a layout concern.
+- **Bypass Blocks (2.4.1), Page Titled (2.4.2), Multiple Ways (2.4.5).** Page or site structure, not a single control.
+- **Timing Adjustable (2.2.1).** Sets no time limit.
+- **Three Flashes or Below Threshold (2.3.1).** Nothing flashes.
+- **Pointer Gestures (2.5.1), Motion Actuation (2.5.4).** Selects on a simple click; reads no device motion.
+- **Error Identification (3.3.1), Error Suggestion (3.3.3), Error Prevention (3.3.4).** A radio collects a boolean choice and supports `required`, but in isolation it raises no error state or message of its own; error detection and messaging belong to the form or validation process. When an author shows an error (as `ErrorRadios` does), tie it to the group with `aria-describedby` (tracked under 1.3.1).
+
+## Level AAA
+
+- **2.3.3 Animation from Interactions.** The ripple's `scale()` animation honors `prefers-reduced-motion` when the theme sets `motion.reducedMotion` to `system` (follows the OS) or `always`; `disableRipple` also removes it. The default is `never`, so OS reduced-motion is not honored by default. `🚩`
+- **2.4.13 Focus Appearance.** The focus ripple is unlikely to meet the area and 3:1 thresholds, and `disableRipple` removes it. `🚩`
+- **2.5.5 Target Size (Enhanced), 44 px.** Default sizes (42px medium, 38px small) are below 44px. `🚩`
+- **1.4.6 Contrast (Enhanced), 7:1.** The label (`text.primary`, about 16:1) clears 7:1, but helper text (about 5:1) and the dot and circle fall short where the 7:1 text bar applies. `🚩`
+- Also touched, in the same shape as their A and AA siblings: **1.3.6 Identify Purpose, 1.4.9 Images of Text (No Exception), 2.1.3 Keyboard (No Exception), 2.4.12 Focus Not Obscured (Enhanced)**.
+
+## Scope and test environment
+
+- **Standard.** WCAG 2.2, Level A and AA.
+- **Component version.** `@mui/material` 9.1.2.
+- **Scope.** The Radio component and its documented composition with `FormControlLabel`, `FormControl`/`FormLabel`, and `FormHelperText`, rendered through the documented API. Group-level coordination (the `radiogroup` role, arrow-key navigation, and the group's name) is rated in the [RadioGroup report](../RadioGroup/accessibility.md).
+- **Automated.** axe-core via the Playwright visual-regression harness (results in [`radio-buttons.a11y.json`](../../../../docs/data/material/components/radio-buttons/radio-buttons.a11y.json)), plus interaction tests in [`Radio.test.js`](./Radio.test.js). Dot and circle contrast is computed from the theme tokens, since no axe rule covers non-text contrast.
+- **Assistive-technology review.** Not yet performed. Flagged criteria are assessed from source pending a review with NVDA, JAWS, and VoiceOver.
diff --git a/packages/mui-material/src/RadioGroup/RadioGroup.test.js b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
index 142b31adaa70e8..ad029c362520c1 100644
--- a/packages/mui-material/src/RadioGroup/RadioGroup.test.js
+++ b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
@@ -2,8 +2,11 @@ import { describe, it, expect } from 'vitest';
 import * as React from 'react';
 import { spy } from 'sinon';
 import PropTypes from 'prop-types';
-import { act, createRenderer, fireEvent, screen } from '@mui/internal-test-utils';
+import { act, createRenderer, fireEvent, isJsdom, screen } from '@mui/internal-test-utils';
 import FormGroup from '@mui/material/FormGroup';
+import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormLabel from '@mui/material/FormLabel';
 import Radio from '@mui/material/Radio';
 import RadioGroup, { useRadioGroup, radioGroupClasses as classes } from '@mui/material/RadioGroup';
 import describeConformance from '../../test/describeConformance';
@@ -19,12 +22,6 @@ describe('<RadioGroup />', () => {
     skip: ['componentProp', 'themeDefaultProps', 'themeStyleOverrides', 'themeVariants'],
   }));
 
-  it('the root component has the radiogroup role', () => {
-    const { container } = render(<RadioGroup value="" />);
-
-    expect(container.firstChild).to.have.attribute('role', 'radiogroup');
-  });
-
   it('should fire the onBlur callback', () => {
     const handleBlur = spy();
     const { container } = render(<RadioGroup value="" onBlur={handleBlur} />);
@@ -79,21 +76,6 @@ describe('<RadioGroup />', () => {
     expect(radios[1].checked).to.equal(true);
   });
 
-  it('should have a default name', () => {
-    render(
-      <RadioGroup>
-        <Radio value="zero" />
-        <Radio value="one" />
-      </RadioGroup>,
-    );
-
-    const [arbitraryRadio, ...radios] = screen.getAllByRole('radio');
-    // `name` **property** will always be a string even if the **attribute** is omitted
-    expect(arbitraryRadio.name).not.to.equal('');
-    // all input[type="radio"] have the same name
-    expect(new Set(radios.map((radio) => radio.name))).to.have.length(1);
-  });
-
   it('should support number value', () => {
     render(
       <RadioGroup name="group" defaultValue={1}>
@@ -422,4 +404,99 @@ describe('<RadioGroup />', () => {
     expect(radiogroup).to.have.class(classes.row);
     expect(radiogroup).not.to.have.class(classes.error);
   });
+
+  describe('WCAG 2.2 conformance', () => {
+    describe('1.3.1 Info and Relationships', () => {
+      it('exposes the radiogroup role on the root', () => {
+        const { container } = render(<RadioGroup value="" />);
+
+        expect(container.firstChild).to.have.attribute('role', 'radiogroup');
+      });
+
+      it('shares one generated name across all radios', () => {
+        render(
+          <RadioGroup>
+            <Radio value="zero" />
+            <Radio value="one" />
+          </RadioGroup>,
+        );
+
+        const [arbitraryRadio, ...radios] = screen.getAllByRole('radio');
+        // `name` **property** will always be a string even if the **attribute** is omitted
+        expect(arbitraryRadio.name).not.to.equal('');
+        // all input[type="radio"] have the same name
+        expect(new Set(radios.map((radio) => radio.name))).to.have.length(1);
+      });
+    });
+
+    it.skipIf(isJsdom())(
+      '2.1.1 Keyboard, 2.4.3 Focus Order: arrow keys rove selection as a single tab stop',
+      async () => {
+        const { user } = render(
+          <React.Fragment>
+            <button type="button">before</button>
+            <RadioGroup name="pet" defaultValue="cat">
+              <Radio value="cat" disableRipple slotProps={{ input: { 'aria-label': 'Cat' } }} />
+              <Radio value="dog" disableRipple slotProps={{ input: { 'aria-label': 'Dog' } }} />
+              <Radio value="bird" disableRipple slotProps={{ input: { 'aria-label': 'Bird' } }} />
+            </RadioGroup>
+            <button type="button">after</button>
+          </React.Fragment>,
+        );
+        const after = screen.getByRole('button', { name: 'after' });
+        const [cat, dog, bird] = screen.getAllByRole('radio');
+
+        screen.getByRole('button', { name: 'before' }).focus();
+
+        // Tab enters the group on the checked radio (roving tab order).
+        await user.tab();
+        expect(cat).toHaveFocus();
+        expect(cat).to.have.property('checked', true);
+
+        // Arrow keys move focus to the next radio and check it, unchecking the previous.
+        await user.keyboard('[ArrowDown]');
+        expect(dog).toHaveFocus();
+        expect(dog).to.have.property('checked', true);
+        expect(cat).to.have.property('checked', false);
+
+        await user.keyboard('[ArrowDown]');
+        expect(bird).toHaveFocus();
+        expect(bird).to.have.property('checked', true);
+
+        // The group is a single tab stop: Tab leaves to the next control.
+        await user.tab();
+        expect(after).toHaveFocus();
+      },
+    );
+
+    describe('4.1.2 Name, Role, Value', () => {
+      it('exposes the radiogroup role named by the author FormLabel', () => {
+        render(
+          <FormControl>
+            <FormLabel id="pet-label">Pet</FormLabel>
+            <RadioGroup aria-labelledby="pet-label">
+              <FormControlLabel value="cat" control={<Radio />} label="Cat" />
+              <FormControlLabel value="dog" control={<Radio />} label="Dog" />
+            </RadioGroup>
+          </FormControl>,
+        );
+
+        expect(screen.getByRole('radiogroup', { name: 'Pet' })).not.to.equal(null);
+      });
+
+      it('exposes the selected value through the checked radio', async () => {
+        const { user } = render(
+          <RadioGroup aria-label="pet">
+            <FormControlLabel value="cat" control={<Radio />} label="Cat" />
+            <FormControlLabel value="dog" control={<Radio />} label="Dog" />
+          </RadioGroup>,
+        );
+
+        await user.click(screen.getByRole('radio', { name: 'Dog' }));
+
+        expect(screen.getByRole('radio', { name: 'Dog' })).to.have.property('checked', true);
+        expect(screen.getByRole('radio', { name: 'Cat' })).to.have.property('checked', false);
+      });
+    });
+  });
 });
diff --git a/packages/mui-material/src/RadioGroup/accessibility.md b/packages/mui-material/src/RadioGroup/accessibility.md
new file mode 100644
index 00000000000000..3997dae4da4d3f
--- /dev/null
+++ b/packages/mui-material/src/RadioGroup/accessibility.md
@@ -0,0 +1,177 @@
+# RadioGroup accessibility conformance
+
+Rated against WCAG 2.2 Level A and AA. See the [reports legend](../accessibility.md).
+
+RadioGroup coordinates a set of [Radio](../Radio/accessibility.md) children, so this report rates only the criteria that exist or change because of the grouping. Each radio's own conformance (contrast, target size, label in name, focus indicator, and the rest) is rated in the [Radio report](../Radio/accessibility.md) and listed under [Inherited from Radio](#inherited-from-radio).
+
+| Result                  | Count |
+| :---------------------- | :---- |
+| ✅ Supports             | 7     |
+| ⚠️ Partially Supports   | 0     |
+| ❌ Does Not Support     | 0     |
+| ➖ Not Applicable       | 30    |
+| ↗ Inherited (see Radio) | 18    |
+| 🚩 Flagged              | 3/7   |
+
+The first three rows and Not Applicable count the 7 group-level criteria plus the 30 that do not apply; Inherited adds the 18 item-level criteria rated in Radio (7 + 30 + 18 = 55). Flagged is the ratio of source-assessed to applicable group-level criteria; inherited criteria are excluded.
+
+## Known gaps
+
+No group-level gaps. The inherited item-level gaps (1.4.11 Non-text Contrast, 2.4.7 Focus Visible) are covered in the [Radio report](../Radio/accessibility.md).
+
+## Success criteria
+
+### 🔍 Manual
+
+#### 1.4.1 Use of Color · A
+
+`🚩` · `✅ Supports` · `◐ Shared`
+
+- State is conveyed by the dot's presence and not color - an empty circle (unchecked) and a circle with a filled dot (checked)
+- The group error state is color-only: `FormHelperText` conveys it through red text. The author is responsible for associating it with error text.
+
+**Manual testing steps**
+
+1. Render a `RadioGroup` with a `FormLabel` and several `Radio` options, select one, and view the group in grayscale (DevTools Rendering, Emulate vision deficiencies, Achromatopsia).
+2. Confirm the selected option is still identifiable by its dot.
+3. Render the group with an error `FormHelperText` in grayscale and confirm "error" is still perceivable.
+
+**Pass:** the selected option is distinguishable by the dot, and any error state is conveyed by more than color.
+
+### 🔁 Hybrid
+
+#### 1.3.1 Info and Relationships · A
+
+`✅ Supports` · `◐ Shared`
+
+- RadioGroup sets `role="radiogroup"` on its `FormGroup` root (`RadioGroup.js`) and shares one `name`, generated with `useId` when none is passed, through `RadioGroupContext`, so the native radios form one programmatically grouped set. Covered by axe-core and unit tests.
+- The group's accessible name and any description are the author's to set: `aria-labelledby` to a `FormLabel` for the name, and `aria-describedby` for `FormHelperText`. Without them the grouping is exposed but unnamed and undescribed.
+
+**Manual testing steps**
+
+1. Render a `RadioGroup` whose `aria-labelledby` points to a `FormLabel`, and inspect the accessibility tree: confirm a `radiogroup` node named by the `FormLabel`, containing the `radio` options.
+2. Render a `RadioGroup` with no `FormLabel` or `aria-labelledby` and confirm the `radiogroup` is present but unnamed.
+
+**Pass:** the radios are exposed as one `radiogroup`, and the name and any description are set by the author.
+
+#### 2.4.6 Headings and Labels · AA
+
+`🚩` · `✅ Supports` · `◐ Shared`
+
+- The group's label comes from a `FormLabel` referenced by `aria-labelledby`, the documented pattern in `RadioButtonsGroup` and `RowRadioButtonsGroup`. axe-core covers that the reference resolves; whether the wording describes the question is a manual review.
+- A vague group label ("Choose one") would fail, and the component cannot enforce wording.
+
+**Manual testing steps**
+
+1. Read each group's `FormLabel` text.
+2. Confirm it describes the choice ("Gender", not "Choose one").
+
+**Pass:** every group label describes the question it asks.
+
+#### 3.3.2 Labels or Instructions · A
+
+`🚩` · `✅ Supports` · `◐ Shared`
+
+- A radio group is a data-entry question, so it needs a label or instructions presented to all users. The component supports this through a `FormLabel` referenced by `aria-labelledby`, the documented pattern in `RadioButtonsGroup`, `ControlledRadioButtonsGroup`, and `RowRadioButtonsGroup`.
+- The label text itself is author content and should use`FormLabel`.
+
+**Manual testing steps**
+
+1. For each radio group, confirm a visible question or instruction is shown to all users.
+2. Flag any `RadioGroup` with no `FormLabel`.
+
+**Pass:** every group has a visible label or instruction. A group with no visible label fails.
+
+#### 4.1.2 Name, Role, Value · A
+
+`✅ Supports` · `◐ Shared`
+
+- The group's role and value are met: `role="radiogroup"` names the relationship, and the selected value is exposed by the checked native radio with change notification, no ARIA needed. Covered by axe-core and unit tests.
+- The group's name is the shared part: it comes from the author's `FormLabel` via `aria-labelledby`. Each option's own name, role, and checked state are rated in the [Radio report](../Radio/accessibility.md).
+
+**Manual testing steps**
+
+1. Render a controlled `RadioGroup` with a `FormLabel` and inspect the `radiogroup`: confirm its role, its name from the `FormLabel`, and that the selected `radio` reads as checked.
+2. Select a different option with a screen reader running and confirm the new value is announced.
+
+**Pass:** the group exposes its `radiogroup` role, an author-supplied name, and the current selected value with change notification.
+
+### ⚙️ Automated
+
+#### 2.1.1 Keyboard · A
+
+`✅ Supports` · `● Component`
+
+- Because RadioGroup renders real `<input type="radio">` options sharing one `name`, the browser provides the [APG radio pattern](https://www.w3.org/WAI/ARIA/apg/patterns/radio/) keyboard behavior with no custom script: <kbd>Space</kbd> selects the focused option, and <kbd>↓</kbd>/<kbd>→</kbd> and <kbd>↑</kbd>/<kbd>←</kbd> move to the next or previous option and select it, wrapping at the ends.
+- Covered by unit tests.
+
+#### 2.4.3 Focus Order · A
+
+`✅ Supports` · `● Component`
+
+- The group is one tab stop: <kbd>Tab</kbd> enters on the checked option, or the first enabled option when none is checked, and <kbd>Tab</kbd> again leaves the group (native roving tab order). RadioGroup's imperative `focus()` action (`RadioGroup.js`) sets the same entry point, focusing the checked input or the first enabled one.
+- Covered by unit tests.
+
+## Inherited from Radio
+
+These item-level criteria are rated once in the [Radio report](../Radio/accessibility.md); the grouping does not change them. They are not re-rated here and do not count toward the Flagged ratio.
+
+- **1.1.1 Non-text Content (A).** Each option's dot and circle, and its label-derived name.
+- **1.3.2 Meaningful Sequence (A).** Each option's input-then-label source order.
+- **1.3.3 Sensory Characteristics (A).** Each option's reliance on its label, not sensory cues.
+- **1.4.3 Contrast (Minimum) (AA).** Each option's label and helper text.
+- **1.4.4 Resize Text (AA).** Each option's rem-sized icon and text.
+- **1.4.5 Images of Text (AA).** Each option's text label.
+- **1.4.10 Reflow (AA).** Each option's inline-flex layout.
+- **1.4.11 Non-text Contrast (AA).** Each option's dot and circle at 3:1.
+- **1.4.12 Text Spacing (AA).** Each option's label under spacing overrides.
+- **2.1.2 No Keyboard Trap (A).** Each option as a native input.
+- **2.4.7 Focus Visible (AA).** Each option's focus ripple.
+- **2.4.11 Focus Not Obscured (Minimum) (AA).** Each option's focus visibility.
+- **2.5.2 Pointer Cancellation (A).** Each option activating on pointer-up.
+- **2.5.3 Label in Name (A).** Each option's accessible name containing its label.
+- **2.5.8 Target Size (Minimum) (AA).** Each option's padded 42px target.
+- **3.2.1 On Focus (A).** Each option changing nothing on focus.
+- **3.2.2 On Input (A).** Each option changing only its value on selection.
+- **3.2.4 Consistent Identification (AA).** Each option's stable label.
+
+## Not applicable
+
+- **1.3.5 Identify Input Purpose (AA).** Covers fields that autofill the user's own data through `autocomplete`. Those purposes map to text-entry and `select` controls (`sex`, for example, is free-form text), not radio buttons, so even a "Gender" radio group is outside this criterion.
+- **1.4.13 Content on Hover or Focus (AA).** The group shows no additional content on hover or focus; a `Tooltip` wrapper would own this.
+- **2.1.4 Character Key Shortcuts (A).** The only keys are <kbd>Space</kbd> and the arrow keys, and only while focused. There is no single-character shortcut.
+- **2.2.2 Pause, Stop, Hide (A).** No auto-starting moving, blinking, or auto-updating content.
+- **2.4.4 Link Purpose (In Context) (A).** The group renders no links.
+- **2.5.7 Dragging Movements (AA, new in 2.2).** Covers drag operations. Options select by tap, click, or key.
+- **3.1.1 Language of Page (A), 3.1.2 Language of Parts (AA).** The group emits no `<html lang>` and no text of its own. A foreign-language label is the author's phrase to mark.
+- **3.2.3 Consistent Navigation (AA).** Covers repeated navigation across a set of pages, not a single group.
+- **3.2.6 Consistent Help (A, new in 2.2).** Covers consistent placement of help across pages.
+- **3.3.7 Redundant Entry (A, new in 2.2).** Covers repopulating previously entered data. The group captures none.
+- **3.3.8 Accessible Authentication (Minimum) (AA, new in 2.2).** The paste, autofill, and cognitive-test duty falls on the credential fields, not a radio group.
+- **4.1.3 Status Messages (AA).** The group emits no status messages; the selected-value change is covered by 4.1.2.
+- **Time-based media (1.2.1 to 1.2.5).** No audio or video.
+- **Audio Control (1.4.2).** Emits no audio.
+- **Orientation (1.3.4).** Sets no orientation lock; the `row` prop is a layout choice, not a lock.
+- **Bypass Blocks (2.4.1), Page Titled (2.4.2), Multiple Ways (2.4.5).** Page or site structure, not a single group.
+- **Timing Adjustable (2.2.1).** Sets no time limit.
+- **Three Flashes or Below Threshold (2.3.1).** Nothing flashes.
+- **Pointer Gestures (2.5.1), Motion Actuation (2.5.4).** Selects on a simple click; reads no device motion.
+- **Error Identification (3.3.1), Error Suggestion (3.3.3), Error Prevention (3.3.4).** The group collects a choice and supports `required`, but in isolation it raises no error state or message of its own; error detection and messaging belong to the form or validation process. When an author shows an error (as `ErrorRadios` does), tie it to the group with `aria-describedby` (tracked under 1.3.1).
+
+## Level AAA
+
+The following SC are applicable but out of scope:
+
+- **2.3.3 Animation from Interactions.** Each option's ripple `scale()` animation honors `prefers-reduced-motion` when the theme sets `motion.reducedMotion` to `system` or `always`; `disableRipple` also removes it. The default is `never`. `🚩`
+- **2.4.13 Focus Appearance.** The option focus ripple is unlikely to meet the area and 3:1 thresholds, and `disableRipple` removes it. `🚩`
+- **2.5.5 Target Size (Enhanced), 44 px.** Default option sizes (42px medium, 38px small) are below 44px. `🚩`
+- **1.4.6 Contrast (Enhanced), 7:1.** Option labels (`text.primary`, about 16:1) clear 7:1, but helper text (about 5:1) and the dot and circle fall short where the 7:1 bar applies. `🚩`
+- Also touched, in the same shape as their A and AA siblings: **1.3.6 Identify Purpose, 1.4.9 Images of Text (No Exception), 2.1.3 Keyboard (No Exception), 2.4.12 Focus Not Obscured (Enhanced)**.
+
+## Scope and test environment
+
+- **Standard.** WCAG 2.2, Level A and AA.
+- **Component version.** `@mui/material` 9.1.2.
+- **Scope.** The RadioGroup component coordinating two or more `Radio` children, with `FormControl`/`FormLabel` for the group's name and `FormHelperText`, rendered through the documented API. Each radio's item-level conformance is inherited from the [Radio report](../Radio/accessibility.md).
+- **Automated.** axe-core via the Playwright visual-regression harness (results in [`radio-buttons.a11y.json`](../../../../docs/data/material/components/radio-buttons/radio-buttons.a11y.json)), plus interaction tests in [`RadioGroup.test.js`](./RadioGroup.test.js). The arrow-key navigation and roving tab-order test runs in the browser project only, since jsdom does not implement native radio-group navigation.
+- **Assistive-technology review.** Not yet performed. Flagged criteria are assessed from source pending a review with NVDA, JAWS, and VoiceOver.
diff --git a/test/regressions/demoMeta.test.ts b/test/regressions/demoMeta.test.ts
index 2c6e9218be0dbb..6d95cdd2bd67e2 100644
--- a/test/regressions/demoMeta.test.ts
+++ b/test/regressions/demoMeta.test.ts
@@ -67,6 +67,25 @@ describe('getConfig', () => {
     );
   });
 
+  it('returns the radio a11y rule for a brace-glob enrolment', () => {
+    expect(
+      getConfig(A11Y_RULES, 'docs/data/material/components/radio-buttons/RadioButtonsGroup'),
+    ).to.deep.include({ enabled: true, assertions: 'all' });
+    expect(
+      getConfig(A11Y_RULES, 'docs/data/material/components/radio-buttons/UseRadioGroup'),
+    ).to.deep.include({ enabled: true, assertions: 'all' });
+  });
+
+  it('returns undefined for a radio demo outside the enrolment', () => {
+    // The radio-buttons enrolment omits FormControlLabelPlacement.
+    expect(
+      getConfig(
+        A11Y_RULES,
+        'docs/data/material/components/radio-buttons/FormControlLabelPlacement',
+      ),
+    ).to.equal(undefined);
+  });
+
   it('honours last-match-wins when multiple rules apply', () => {
     const rules = [
       { test: 'docs/data/material/components/foo/*', enabled: true },
diff --git a/test/regressions/demoMeta.ts b/test/regressions/demoMeta.ts
index cc224b1536b949..cbb24c78ec1803 100644
--- a/test/regressions/demoMeta.ts
+++ b/test/regressions/demoMeta.ts
@@ -170,6 +170,20 @@ export const SCREENSHOT_RULES: ScreenshotRule[] = [
   },
 ];
 
+// Radio docs demos enrolled for axe assertions. FormControlLabelPlacement is left out: its axe
+// output duplicates RowRadioButtonsGroup (a row RadioGroup with a FormLabel), adding no new rules.
+const RADIO_A11Y_DEMOS = [
+  'RadioButtons',
+  'RadioButtonsGroup',
+  'ControlledRadioButtonsGroup',
+  'ColorRadioButtons',
+  'CustomizedRadios',
+  'SizeRadioButtons',
+  'RowRadioButtonsGroup',
+  'ErrorRadios',
+  'UseRadioGroup',
+];
+
 /**
  * A11y defaults to off — only matched-and-enabled rules produce results.
  * Slug-wide rules use `*`; brace-globs narrow enrolment to specific demos;
@@ -178,6 +192,11 @@ export const SCREENSHOT_RULES: ScreenshotRule[] = [
  * Initial PR scope: `buttons` only. Other components onboard incrementally.
  */
 export const A11Y_RULES: A11yRule[] = [
+  {
+    test: `docs/data/material/components/radio-buttons/{${RADIO_A11Y_DEMOS.join(',')}}`,
+    enabled: true,
+    assertions: 'all',
+  },
   {
     test: 'docs/data/material/components/buttons/{BasicButtons,ColorButtons}',
     enabled: true,

From 2eda2124c94eb4ba3c5754e05a53321757632553 Mon Sep 17 00:00:00 2001
From: michel <jsnerdic@gmail.com>
Date: Wed, 26 Aug 2026 14:13:37 +0200
Subject: [PATCH 2/5] Add the Radio and RadioGroup report row

Applies https://github.com/mui/material-ui/pull/48916#discussion_r3854337052:
the shared reports table starts empty, and each component PR appends
its own row.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013HgD6GEW3UxNRvC2abbTy9
---
 packages/mui-material/src/accessibility.md | 69 ++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 packages/mui-material/src/accessibility.md

diff --git a/packages/mui-material/src/accessibility.md b/packages/mui-material/src/accessibility.md
new file mode 100644
index 00000000000000..69f62a88a3c2a5
--- /dev/null
+++ b/packages/mui-material/src/accessibility.md
@@ -0,0 +1,69 @@
+# Accessibility conformance reports
+
+Each component is rated against WCAG 2.2 Level A and AA and documented at `<Component>/accessibility.md`.
+
+## The status line
+
+For each SC this indicates:
+
+1. How well it conforms
+2. Whether the library or user (the author) is responsible for conformance
+
+```text
+<conformance> · <responsibility>
+```
+
+For example this:
+
+```text
+⚠️ Partially Supports · ● Component
+```
+
+Means:
+
+1. Partially conforms
+2. The component is fully responsible for WCAG conformance
+
+## Conformance
+
+Whether the component meets the applicable Success Criterion. [VPAT](https://www.itic.org/policy/accessibility/vpat) terminology is used:
+
+| Symbol | Term               | Description                                     |
+| :----- | :----------------- | :---------------------------------------------- |
+| ✅     | Supports           | Met, no known defects.                          |
+| ⚠️     | Partially Supports | Some functionality fails.                       |
+| ❌     | Does Not Support   | Most functionality fails.                       |
+| ➖     | Not Applicable     | The criterion does not apply to this component. |
+
+A criterion is **flagged** (`🚩`, shown first in its status line) when its rating is assessed from the component's source but not yet confirmed by a test or recorded review. The flag concerns evidence, not conformance, and does not imply a defect.
+
+## Responsibility
+
+Whether the responsibility for meeting conformance is on the library, the author (library user), or shared.
+
+| Symbol | Term      | Description                                                 |
+| :----- | :-------- | :---------------------------------------------------------- |
+| ●      | Component | Satisfied on its own.                                       |
+| ◐      | Shared    | Satisfied when the component is used as documented.         |
+| ○      | Author    | Depends on your implementation and the surrounding content. |
+
+## Testing-method groups
+
+Criteria are grouped by testing method, and roughly sorted by descending order of "human judgement required".
+
+| Symbol | Group     | What it takes                                                                           |
+| :----- | :-------- | :-------------------------------------------------------------------------------------- |
+| 🔍     | Manual    | Human, visual, or assistive-technology judgment.                                        |
+| 🔁     | Hybrid    | Automation catches regressions; judgment still needed.                                  |
+| ⚙️     | Automated | A deterministic test proves it. `🚩` means such a test is feasible but not yet written. |
+
+## Scope
+
+Components are rated in isolation against WCAG 2.2 A and AA. The levels are [cumulative](https://www.w3.org/WAI/WCAG2AA-Conformance), that is, AA includes all of A.
+
+## Reports
+
+| Component                                   | ✅ Supports | ⚠️ Partially Supports | ❌ Does Not Support | ➖ Not Applicable |
+| :------------------------------------------ | :---------- | :-------------------- | :------------------ | :---------------- |
+| [Radio](./Radio/accessibility.md)           | 23          | 2                     | 0                   | 30                |
+| [RadioGroup](./RadioGroup/accessibility.md) | 7           | 0                     | 0                   | 30                |

From 7b37961e450453a10702ce639714eff30c69e46f Mon Sep 17 00:00:00 2001
From: michel <jsnerdic@gmail.com>
Date: Fri, 4 Sep 2026 09:40:50 +0200
Subject: [PATCH 3/5] Address the review comments on the Radio WCAG tests

Reach controls with user.tab instead of programmatic focus in the
2.1.1, 2.1.2, and 2.4.3 tests. Add a 2.4.3 test: a disabled radio is
not in the tab order. Add a RadioGroup test: arrow navigation skips a
disabled radio. The roving arrow-key test in RadioGroup.test.js
already covers focus and value movement.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013HgD6GEW3UxNRvC2abbTy9
---
 packages/mui-material/src/Radio/Radio.test.js | 25 +++++++++++++----
 .../src/RadioGroup/RadioGroup.test.js         | 28 +++++++++++++++++++
 2 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/packages/mui-material/src/Radio/Radio.test.js b/packages/mui-material/src/Radio/Radio.test.js
index 2185b5152f7e60..873d8761f51ae1 100644
--- a/packages/mui-material/src/Radio/Radio.test.js
+++ b/packages/mui-material/src/Radio/Radio.test.js
@@ -2,7 +2,6 @@ import { describe, it, expect } from 'vitest';
 import * as React from 'react';
 import { spy } from 'sinon';
 import {
-  act,
   createRenderer,
   screen,
   isJsdom,
@@ -212,9 +211,8 @@ describe('<Radio />', () => {
       const { user } = render(<Radio value="a" onChange={handleChange} />);
       const radio = screen.getByRole('radio');
 
-      await act(async () => {
-        radio.focus();
-      });
+      await user.tab();
+      expect(radio).toHaveFocus();
 
       await user.keyboard('[Space]');
       expect(radio).to.have.property('checked', true);
@@ -233,7 +231,8 @@ describe('<Radio />', () => {
       const after = screen.getByRole('button', { name: 'after' });
       const radio = screen.getByRole('radio');
 
-      before.focus();
+      await user.tab();
+      expect(document.activeElement).to.equal(before);
       await user.tab();
       expect(document.activeElement).to.equal(radio);
       await user.tab();
@@ -254,13 +253,27 @@ describe('<Radio />', () => {
       const radio = screen.getByRole('radio');
       const last = screen.getByRole('button', { name: 'last' });
 
-      first.focus();
+      await user.tab();
+      expect(document.activeElement).to.equal(first);
       await user.tab();
       expect(document.activeElement).to.equal(radio);
       await user.tab();
       expect(document.activeElement).to.equal(last);
     });
 
+    it('2.4.3 Focus Order: a disabled radio is not in the tab order', async () => {
+      const { user } = render(
+        <React.Fragment>
+          <Radio value="a" disabled />
+          <button type="button">after</button>
+        </React.Fragment>,
+      );
+
+      // Tab skips the disabled radio and lands on the next control.
+      await user.tab();
+      expect(screen.getByRole('button', { name: 'after' })).toHaveFocus();
+    });
+
     it('2.5.2 Pointer Cancellation: activates on the pointer up-event, not the down-event', async () => {
       const handleChange = spy();
       const { user } = render(<Radio value="a" onChange={handleChange} />);
diff --git a/packages/mui-material/src/RadioGroup/RadioGroup.test.js b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
index ad029c362520c1..3314631889bd98 100644
--- a/packages/mui-material/src/RadioGroup/RadioGroup.test.js
+++ b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
@@ -469,6 +469,34 @@ describe('<RadioGroup />', () => {
       },
     );
 
+    it.skipIf(isJsdom())(
+      '2.1.1 Keyboard: arrow navigation skips a disabled radio',
+      async () => {
+        const { user } = render(
+          <RadioGroup name="pet" defaultValue="cat">
+            <Radio value="cat" disableRipple slotProps={{ input: { 'aria-label': 'Cat' } }} />
+            <Radio
+              value="dog"
+              disabled
+              disableRipple
+              slotProps={{ input: { 'aria-label': 'Dog' } }}
+            />
+            <Radio value="bird" disableRipple slotProps={{ input: { 'aria-label': 'Bird' } }} />
+          </RadioGroup>,
+        );
+        const [cat, dog, bird] = screen.getAllByRole('radio');
+
+        await user.tab();
+        expect(cat).toHaveFocus();
+
+        // The arrow moves selection past the disabled radio to the next enabled one.
+        await user.keyboard('[ArrowDown]');
+        expect(bird).toHaveFocus();
+        expect(bird).to.have.property('checked', true);
+        expect(dog).to.have.property('checked', false);
+      },
+    );
+
     describe('4.1.2 Name, Role, Value', () => {
       it('exposes the radiogroup role named by the author FormLabel', () => {
         render(

From 141af4311fdf8b6ef1f0ad7cbb706f7a8eeb448b Mon Sep 17 00:00:00 2001
From: michel <jsnerdic@gmail.com>
Date: Fri, 4 Sep 2026 09:41:48 +0200
Subject: [PATCH 4/5] Format the RadioGroup disabled-radio test

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013HgD6GEW3UxNRvC2abbTy9
---
 .../src/RadioGroup/RadioGroup.test.js         | 47 +++++++++----------
 1 file changed, 22 insertions(+), 25 deletions(-)

diff --git a/packages/mui-material/src/RadioGroup/RadioGroup.test.js b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
index 3314631889bd98..3760e762b1ecff 100644
--- a/packages/mui-material/src/RadioGroup/RadioGroup.test.js
+++ b/packages/mui-material/src/RadioGroup/RadioGroup.test.js
@@ -469,33 +469,30 @@ describe('<RadioGroup />', () => {
       },
     );
 
-    it.skipIf(isJsdom())(
-      '2.1.1 Keyboard: arrow navigation skips a disabled radio',
-      async () => {
-        const { user } = render(
-          <RadioGroup name="pet" defaultValue="cat">
-            <Radio value="cat" disableRipple slotProps={{ input: { 'aria-label': 'Cat' } }} />
-            <Radio
-              value="dog"
-              disabled
-              disableRipple
-              slotProps={{ input: { 'aria-label': 'Dog' } }}
-            />
-            <Radio value="bird" disableRipple slotProps={{ input: { 'aria-label': 'Bird' } }} />
-          </RadioGroup>,
-        );
-        const [cat, dog, bird] = screen.getAllByRole('radio');
+    it.skipIf(isJsdom())('2.1.1 Keyboard: arrow navigation skips a disabled radio', async () => {
+      const { user } = render(
+        <RadioGroup name="pet" defaultValue="cat">
+          <Radio value="cat" disableRipple slotProps={{ input: { 'aria-label': 'Cat' } }} />
+          <Radio
+            value="dog"
+            disabled
+            disableRipple
+            slotProps={{ input: { 'aria-label': 'Dog' } }}
+          />
+          <Radio value="bird" disableRipple slotProps={{ input: { 'aria-label': 'Bird' } }} />
+        </RadioGroup>,
+      );
+      const [cat, dog, bird] = screen.getAllByRole('radio');
 
-        await user.tab();
-        expect(cat).toHaveFocus();
+      await user.tab();
+      expect(cat).toHaveFocus();
 
-        // The arrow moves selection past the disabled radio to the next enabled one.
-        await user.keyboard('[ArrowDown]');
-        expect(bird).toHaveFocus();
-        expect(bird).to.have.property('checked', true);
-        expect(dog).to.have.property('checked', false);
-      },
-    );
+      // The arrow moves selection past the disabled radio to the next enabled one.
+      await user.keyboard('[ArrowDown]');
+      expect(bird).toHaveFocus();
+      expect(bird).to.have.property('checked', true);
+      expect(dog).to.have.property('checked', false);
+    });
 
     describe('4.1.2 Name, Role, Value', () => {
       it('exposes the radiogroup role named by the author FormLabel', () => {

From 09861dc2c362a98d5cc194d205808a919a790c80 Mon Sep 17 00:00:00 2001
From: michel <jsnerdic@gmail.com>
Date: Fri, 4 Sep 2026 12:00:46 +0200
Subject: [PATCH 5/5] Resolve the demoMeta conflicts left in the previous merge

The merge commit kept conflict markers in demoMeta.ts and its test
file. Restore both sides: the progress entries from master and the
radio entries from the branch.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013HgD6GEW3UxNRvC2abbTy9
---
 test/regressions/demoMeta.test.ts | 3 ---
 test/regressions/demoMeta.ts      | 9 +++++----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/test/regressions/demoMeta.test.ts b/test/regressions/demoMeta.test.ts
index 0dcbb3c129b519..608397697998ad 100644
--- a/test/regressions/demoMeta.test.ts
+++ b/test/regressions/demoMeta.test.ts
@@ -97,7 +97,6 @@ describe('getConfig', () => {
     );
   });
 
-<<<<<<< HEAD
   it('returns the radio a11y rule for a brace-glob enrolment', () => {
     expect(
       getConfig(A11Y_RULES, 'docs/data/material/components/radio-buttons/RadioButtonsGroup'),
@@ -117,7 +116,6 @@ describe('getConfig', () => {
     ).to.equal(undefined);
   });
 
-=======
   it('returns the a11y rule with assertions:all for the progress brace-glob enrolment', () => {
     expect(
       getConfig(A11Y_RULES, 'docs/data/material/components/progress/LinearDeterminate'),
@@ -150,7 +148,6 @@ describe('getConfig', () => {
     ).to.deep.include({ enabled: false });
   });
 
->>>>>>> master
   it('asserts every rule on the enrolled Switch demos', () => {
     expect(
       getConfig(A11Y_RULES, 'docs/data/material/components/switches/BasicSwitches'),
diff --git a/test/regressions/demoMeta.ts b/test/regressions/demoMeta.ts
index 67799b344ef1f3..08895393ffcff1 100644
--- a/test/regressions/demoMeta.ts
+++ b/test/regressions/demoMeta.ts
@@ -293,9 +293,6 @@ export const A11Y_RULES: A11yRule[] = [
     skipAssertions: ['color-contrast'],
   },
   {
-<<<<<<< HEAD
-    test: `docs/data/material/components/radio-buttons/{${RADIO_A11Y_DEMOS.join(',')}}`,
-=======
     test: `docs/data/material/components/progress/{${LINEARPROGRESS_A11Y_DEMOS.join(',')}}`,
     enabled: true,
     assertions: 'all',
@@ -305,7 +302,11 @@ export const A11Y_RULES: A11yRule[] = [
   // same `progress.a11y.json` as the docs demos above.
   {
     test: 'test/regressions/a11y/fixtures/progress/{LinearProgressA11ySemanticStates,LinearProgressA11yColorMatrix}',
->>>>>>> master
+    enabled: true,
+    assertions: 'all',
+  },
+  {
+    test: `docs/data/material/components/radio-buttons/{${RADIO_A11Y_DEMOS.join(',')}}`,
     enabled: true,
     assertions: 'all',
   },