Remove unnecessary aria-labelledby from radios (#253)

* Remove unnecessary aria-labelledby from radios

* Update changelog

Author: edwardhorsford

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**

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"

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}