feat(RadioButton): add ariaLabel & ariaDescribedBy (#3112)

Author: rivka-ungar

packages/core/src/components/RadioButton/RadioButton.tsx

@@ -70,6 +70,14 @@ export interface RadioButtonProps extends VibeComponentProps {
    * If true, disables the label animation.
    */
   noLabelAnimation?: boolean;
+  /**
+   * ARIA label for accessibility when no text is provided.
+   */
+  ariaLabel?: string;
+  /**
+   * ID of element that describe this radio button.
+   */
+  ariaDescribedby?: string;
 }
 
 const RadioButton = forwardRef(
@@ -97,6 +105,8 @@ const RadioButton = forwardRef(
       retainChildClick = true,
       childrenTabIndex = "0",
       noLabelAnimation = false,
+      ariaLabel,
+      ariaDescribedby,
       id,
       "data-testid": dataTestId
     }: RadioButtonProps,
@@ -143,6 +153,8 @@ const RadioButton = forwardRef(
               autoFocus={autoFocus}
               disabled={disabled}
               {...checkedProps}
+              aria-label={ariaLabel}
+              aria-describedby={ariaDescribedby}
               onChange={onSelect}
               ref={mergedRef}
             />