chore: apply fix to radioSelection as well

Author: yordan-st

packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx

@@ -60,6 +60,8 @@ export function CheckboxSelection({
                             disabled={isReadOnly}
                             tabIndex={tabIndex}
                             onChange={e => handleChange(optionId, e.target.checked)}
+                            aria-describedby={selector.validation ? errorId : undefined}
+                            aria-invalid={selector.validation ? true : undefined}
                         />
                         <CaptionContent
                             onClick={(e: MouseEvent<HTMLDivElement>) => {
@@ -76,7 +78,7 @@ export function CheckboxSelection({
                 );
             })}
             {options.length === 0 && <Placeholder noOptionsText={noOptionsText} />}
-            {validation && <ValidationAlert referenceId={errorId}>{validation}</ValidationAlert>}
+            {validation && <ValidationAlert id={errorId}>{validation}</ValidationAlert>}
         </div>
     );
 }

packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx

@@ -75,6 +75,8 @@ export function RadioSelection({
                                 disabled={isReadOnly}
                                 tabIndex={tabIndex}
                                 onChange={handleChange}
+                                aria-describedby={selector.validation ? errorId : undefined}
+                                aria-invalid={selector.validation ? true : undefined}
                             />
                         </If>
                         <CaptionContent
@@ -94,7 +96,7 @@ export function RadioSelection({
                 );
             })}
             {options.length === 0 && <Placeholder noOptionsText={noOptionsText} />}
-            {validation && <ValidationAlert referenceId={errorId}>{validation}</ValidationAlert>}
+            {validation && <ValidationAlert id={errorId}>{validation}</ValidationAlert>}
         </div>
     );
 }