Remove unnecessary aria-labelledby from radios (#253)

* Remove unnecessary aria-labelledby from radios * Update changelog
NHSDigital · Sep 10, 2024 · 6d09861 · 6d09861
1 parent 250e35b
commit 6d09861
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+:wrench: **Fixes**
+* Remove the unnecessary aria-labelledby tags from radio items. PR [#253](https://github.com/NHSDigital/nhsuk-react-components/pull/253)
+
+
 ## 4.1.2 - 3 September 2024
 
 :wrench: **Fixes**

diff --git a/src/components/form-elements/radios/__tests__/__snapshots__/Radios.test.tsx.snap b/src/components/form-elements/radios/__tests__/__snapshots__/Radios.test.tsx.snap
@@ -13,7 +13,6 @@ exports[`Radios matches snapshot 1`] = `
         class="nhsuk-radios__item"
       >
         <input
-          aria-labelledby="example-1--label"
           class="nhsuk-radios__input"
           id="example-1"
           name="example"
@@ -32,7 +31,6 @@ exports[`Radios matches snapshot 1`] = `
         class="nhsuk-radios__item"
       >
         <input
-          aria-labelledby="example-2--label"
           class="nhsuk-radios__input"
           id="example-2"
           name="example"

diff --git a/src/components/form-elements/radios/components/Radio.tsx b/src/components/form-elements/radios/components/Radio.tsx
@@ -59,7 +59,6 @@ const Radio: FC<RadioProps> = ({
           className={classNames('nhsuk-radios__input', className)}
           id={inputID}
           name={name}
-          aria-labelledby={children ? `${inputID}--label` : undefined}
           aria-describedby={hint ? `${inputID}--hint` : undefined}
           checked={checked}
           defaultChecked={defaultChecked}