diff --git a/bulma-ui/src/form/Checkboxes.tsx b/bulma-ui/src/form/Checkboxes.tsx
index 197c7c8b7..13aab190e 100644
--- a/bulma-ui/src/form/Checkboxes.tsx
+++ b/bulma-ui/src/form/Checkboxes.tsx
@@ -11,6 +11,7 @@ import {
 import { Field } from './Field';
 import { Control } from './Control';
 import { FormFieldProps } from './fieldProps';
+import { useAutoLabelledBy } from './useAutoLabelId';
 import { Checkbox } from './Checkbox';
 
 /**
@@ -18,6 +19,12 @@ import { Checkbox } from './Checkbox';
  */
 export interface CheckboxesProps
   extends Omit<BulmaClassesProps, 'color'>, FormFieldProps {
+  /** Field label naming the whole group. Automatically associated via `aria-labelledby` on the `role="group"` wrapper — uses your `labelProps.id` when provided, otherwise a generated one. Dropped inside an outer `Field` (label that `Field` yourself). */
+  label?: React.ReactNode;
+  /** Props for the label element. An explicit `id` here is used as the `aria-labelledby` target instead of a generated one; any `htmlFor` is ignored (a group label names the group, never a single control). */
+  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {
+    [key: string]: unknown;
+  };
   /** Additional CSS classes to apply. */
   className?: string;
   /** Form field name shared by every Checkbox in the group (via context). */
@@ -75,6 +82,11 @@ const CheckboxesComponent: React.FC<CheckboxesProps> = ({
 }) => {
   const insideField = useInsideField();
   const insideControl = useInsideControl();
+  const { ariaLabelledBy, fieldLabelProps } = useAutoLabelledBy({
+    label,
+    labelProps,
+    rendersLabel: !insideField,
+  });
   const { bulmaHelperClasses, rest } = useBulmaClasses({
     ...props,
   });
@@ -113,7 +125,12 @@ const CheckboxesComponent: React.FC<CheckboxesProps> = ({
   );
 
   const checkboxesElement = (
-    <div className={wrapperClass} {...rest}>
+    <div
+      className={wrapperClass}
+      role="group"
+      aria-labelledby={ariaLabelledBy}
+      {...rest}
+    >
       <CheckboxesProvider value={ctx}>{children}</CheckboxesProvider>
     </div>
   );
@@ -129,7 +146,7 @@ const CheckboxesComponent: React.FC<CheckboxesProps> = ({
       <Field
         label={label}
         labelSize={labelSize}
-        labelProps={labelProps}
+        labelProps={fieldLabelProps}
         horizontal={horizontal}
         className={fieldClassName}
       >
diff --git a/bulma-ui/src/form/Radios.tsx b/bulma-ui/src/form/Radios.tsx
index 1b67dc7c7..00289ce15 100644
--- a/bulma-ui/src/form/Radios.tsx
+++ b/bulma-ui/src/form/Radios.tsx
@@ -11,6 +11,7 @@ import {
 import { Field } from './Field';
 import { Control } from './Control';
 import { FormFieldProps } from './fieldProps';
+import { useAutoLabelledBy } from './useAutoLabelId';
 import { Radio } from './Radio';
 
 /**
@@ -18,6 +19,12 @@ import { Radio } from './Radio';
  */
 export interface RadiosProps
   extends Omit<BulmaClassesProps, 'color'>, FormFieldProps {
+  /** Field label naming the whole group. Automatically associated via `aria-labelledby` on the `role="radiogroup"` wrapper — uses your `labelProps.id` when provided, otherwise a generated one. Dropped inside an outer `Field` (label that `Field` yourself). */
+  label?: React.ReactNode;
+  /** Props for the label element. An explicit `id` here is used as the `aria-labelledby` target instead of a generated one; any `htmlFor` is ignored (a group label names the group, never a single control). */
+  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {
+    [key: string]: unknown;
+  };
   /** Additional CSS classes to apply. */
   className?: string;
   /** Form field name shared by every Radio in the group (via context). */
@@ -74,6 +81,11 @@ const RadiosComponent: React.FC<RadiosProps> = ({
 }) => {
   const insideField = useInsideField();
   const insideControl = useInsideControl();
+  const { ariaLabelledBy, fieldLabelProps } = useAutoLabelledBy({
+    label,
+    labelProps,
+    rendersLabel: !insideField,
+  });
   const { bulmaHelperClasses, rest } = useBulmaClasses({
     ...props,
   });
@@ -115,7 +127,12 @@ const RadiosComponent: React.FC<RadiosProps> = ({
   );
 
   const radiosElement = (
-    <div className={wrapperClass} {...rest}>
+    <div
+      className={wrapperClass}
+      role="radiogroup"
+      aria-labelledby={ariaLabelledBy}
+      {...rest}
+    >
       <RadiosProvider value={ctx}>{children}</RadiosProvider>
     </div>
   );
@@ -131,7 +148,7 @@ const RadiosComponent: React.FC<RadiosProps> = ({
       <Field
         label={label}
         labelSize={labelSize}
-        labelProps={labelProps}
+        labelProps={fieldLabelProps}
         horizontal={horizontal}
         className={fieldClassName}
       >
diff --git a/bulma-ui/src/form/Rate.tsx b/bulma-ui/src/form/Rate.tsx
index 177a4f96d..59bf2d59e 100644
--- a/bulma-ui/src/form/Rate.tsx
+++ b/bulma-ui/src/form/Rate.tsx
@@ -11,6 +11,7 @@ import { useInsideField, useInsideControl } from './FormContext';
 import { Field } from './Field';
 import { Control } from './Control';
 import { FormFieldProps } from './fieldProps';
+import { useAutoLabelledBy } from './useAutoLabelId';
 
 /** Available size modifiers for the Rate component. */
 export type RateSize = 'small' | 'medium' | 'large';
@@ -44,6 +45,12 @@ export interface RateProps
     Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'>,
     Omit<BulmaClassesProps, 'size'>,
     FormFieldProps {
+  /** Field label naming the rating group. Automatically associated via `aria-labelledby` on the `role="radiogroup"` container — uses your `labelProps.id` when provided, otherwise a generated one; it also replaces the default `aria-label="Rating"`. Dropped inside an outer `Field` (label that `Field` yourself). */
+  label?: React.ReactNode;
+  /** Props for the label element. An explicit `id` here is used as the `aria-labelledby` target instead of a generated one; any `htmlFor` is ignored (a group label names the group, never a single control). */
+  labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {
+    [key: string]: unknown;
+  };
   /** Form field name. When set, a hidden input is rendered. */
   name?: string;
   /** Optional id of the form this hidden input belongs to (use when the input lives outside the form element). */
@@ -178,6 +185,11 @@ export const Rate = forwardRef<HTMLDivElement, RateProps>(
   ) => {
     const insideField = useInsideField();
     const insideControl = useInsideControl();
+    const { ariaLabelledBy, fieldLabelProps } = useAutoLabelledBy({
+      label,
+      labelProps,
+      rendersLabel: !insideField,
+    });
     const { bulmaHelperClasses, rest } = useBulmaClasses(props);
     const [internalValue, setInternalValue] = useState(defaultValue);
     const [hoverValue, setHoverValue] = useState<number | null>(null);
@@ -505,7 +517,9 @@ export const Rate = forwardRef<HTMLDivElement, RateProps>(
         ref={ref}
         className={combinedClasses}
         role="radiogroup"
-        aria-label="Rating"
+        // Fallback name only: a wired label names the group via labelledby.
+        aria-label={ariaLabelledBy ? undefined : 'Rating'}
+        aria-labelledby={ariaLabelledBy}
         aria-valuenow={currentValue}
         aria-valuemin={0}
         aria-valuemax={max}
@@ -539,7 +553,7 @@ export const Rate = forwardRef<HTMLDivElement, RateProps>(
         <Field
           label={label}
           labelSize={labelSize}
-          labelProps={labelProps}
+          labelProps={fieldLabelProps}
           horizontal={horizontal}
           className={fieldClassName}
         >
diff --git a/bulma-ui/src/form/__tests__/Checkboxes.test.tsx b/bulma-ui/src/form/__tests__/Checkboxes.test.tsx
index 62f72a0fb..082a2c36b 100644
--- a/bulma-ui/src/form/__tests__/Checkboxes.test.tsx
+++ b/bulma-ui/src/form/__tests__/Checkboxes.test.tsx
@@ -208,3 +208,83 @@ describe('Compound components', () => {
     expect(screen.getAllByRole('checkbox')).toHaveLength(2);
   });
 });
+
+describe('Checkboxes group label association (#494)', () => {
+  it('names the group from the label via aria-labelledby', () => {
+    const { container } = render(
+      <Checkboxes label="Chores">
+        <Checkbox value="bed">Make the bed</Checkbox>
+      </Checkboxes>
+    );
+    const group = screen.getByRole('group', { name: 'Chores' });
+    const fieldLabel = container.querySelector('label.label') as HTMLElement;
+    expect(fieldLabel.id).toBeTruthy();
+    expect(group).toHaveAttribute('aria-labelledby', fieldLabel.id);
+    expect(fieldLabel).not.toHaveAttribute('for');
+  });
+
+  it('uses a user-supplied labelProps.id as the target', () => {
+    const { container } = render(
+      <Checkboxes label="Chores" labelProps={{ id: 'chores-label' }}>
+        <Checkbox value="bed">Make the bed</Checkbox>
+      </Checkboxes>
+    );
+    expect(container.querySelector('label.label')).toHaveAttribute(
+      'id',
+      'chores-label'
+    );
+    expect(screen.getByRole('group')).toHaveAttribute(
+      'aria-labelledby',
+      'chores-label'
+    );
+  });
+
+  it('strips a caller labelProps.htmlFor from the group label', () => {
+    const { container } = render(
+      <Checkboxes label="Chores" labelProps={{ htmlFor: 'some-control' }}>
+        <Checkbox value="bed">Make the bed</Checkbox>
+      </Checkboxes>
+    );
+    const fieldLabel = container.querySelector('label.label') as HTMLElement;
+    expect(fieldLabel).not.toHaveAttribute('for');
+    expect(screen.getByRole('group')).toHaveAttribute(
+      'aria-labelledby',
+      fieldLabel.id
+    );
+  });
+
+  it('renders role=group without aria-labelledby when unlabeled', () => {
+    render(
+      <Checkboxes>
+        <Checkbox value="bed">Make the bed</Checkbox>
+      </Checkboxes>
+    );
+    expect(screen.getByRole('group')).not.toHaveAttribute('aria-labelledby');
+  });
+
+  it('injects nothing inside an outer Field, which drops the label', () => {
+    const { container } = render(
+      <Field label="Outer">
+        <Checkboxes label="Dropped">
+          <Checkbox value="bed">Make the bed</Checkbox>
+        </Checkboxes>
+      </Field>
+    );
+    expect(screen.getByRole('group')).not.toHaveAttribute('aria-labelledby');
+    const fieldLabel = container.querySelector('label.label') as HTMLElement;
+    expect(fieldLabel).toHaveTextContent('Outer');
+    expect(fieldLabel).not.toHaveAttribute('id');
+  });
+
+  it('lets a user aria-labelledby in rest win', () => {
+    render(
+      <Checkboxes label="Chores" aria-labelledby="mine">
+        <Checkbox value="bed">Make the bed</Checkbox>
+      </Checkboxes>
+    );
+    expect(screen.getByRole('group')).toHaveAttribute(
+      'aria-labelledby',
+      'mine'
+    );
+  });
+});
diff --git a/bulma-ui/src/form/__tests__/Radios.test.tsx b/bulma-ui/src/form/__tests__/Radios.test.tsx
index d5f249d6e..704e25ec1 100644
--- a/bulma-ui/src/form/__tests__/Radios.test.tsx
+++ b/bulma-ui/src/form/__tests__/Radios.test.tsx
@@ -206,3 +206,84 @@ describe('Compound components', () => {
     expect(screen.getAllByRole('radio')).toHaveLength(2);
   });
 });
+
+describe('Radios group label association (#494)', () => {
+  it('names the radiogroup from the label via aria-labelledby', () => {
+    const { container } = render(
+      <Radios label="Color" name="color">
+        <Radio value="red">Red</Radio>
+      </Radios>
+    );
+    const group = screen.getByRole('radiogroup', { name: 'Color' });
+    const fieldLabel = container.querySelector('label.label') as HTMLElement;
+    expect(fieldLabel.id).toBeTruthy();
+    expect(group).toHaveAttribute('aria-labelledby', fieldLabel.id);
+    expect(fieldLabel).not.toHaveAttribute('for');
+  });
+
+  it('uses a user-supplied labelProps.id as the target', () => {
+    const { container } = render(
+      <Radios label="Color" labelProps={{ id: 'color-label' }} name="color">
+        <Radio value="red">Red</Radio>
+      </Radios>
+    );
+    expect(container.querySelector('label.label')).toHaveAttribute(
+      'id',
+      'color-label'
+    );
+    expect(screen.getByRole('radiogroup')).toHaveAttribute(
+      'aria-labelledby',
+      'color-label'
+    );
+  });
+
+  it('strips a caller labelProps.htmlFor from the group label', () => {
+    const { container } = render(
+      <Radios
+        label="Color"
+        labelProps={{ htmlFor: 'some-control' }}
+        name="color"
+      >
+        <Radio value="red">Red</Radio>
+      </Radios>
+    );
+    expect(container.querySelector('label.label')).not.toHaveAttribute('for');
+  });
+
+  it('names the radiogroup in horizontal layout', () => {
+    const { container } = render(
+      <Radios label="Color" name="color" horizontal>
+        <Radio value="red">Red</Radio>
+      </Radios>
+    );
+    const group = screen.getByRole('radiogroup', { name: 'Color' });
+    const fieldLabel = container.querySelector('label.label') as HTMLElement;
+    expect(group).toHaveAttribute('aria-labelledby', fieldLabel.id);
+  });
+
+  it('renders role=radiogroup without aria-labelledby when unlabeled', () => {
+    render(
+      <Radios name="color">
+        <Radio value="red">Red</Radio>
+      </Radios>
+    );
+    expect(screen.getByRole('radiogroup')).not.toHaveAttribute(
+      'aria-labelledby'
+    );
+  });
+
+  it('injects nothing inside an outer Field, which drops the label', () => {
+    const { container } = render(
+      <Field label="Outer">
+        <Radios label="Dropped" name="color">
+          <Radio value="red">Red</Radio>
+        </Radios>
+      </Field>
+    );
+    expect(screen.getByRole('radiogroup')).not.toHaveAttribute(
+      'aria-labelledby'
+    );
+    const fieldLabel = container.querySelector('label.label') as HTMLElement;
+    expect(fieldLabel).not.toHaveAttribute('id');
+  });
+});
diff --git a/bulma-ui/src/form/__tests__/Rate.test.tsx b/bulma-ui/src/form/__tests__/Rate.test.tsx
index c8b5b35ec..107d59006 100644
--- a/bulma-ui/src/form/__tests__/Rate.test.tsx
+++ b/bulma-ui/src/form/__tests__/Rate.test.tsx
@@ -952,3 +952,49 @@ describe('Rate', () => {
     });
   });
 });
+
+describe('Rate group label association (#494)', () => {
+  it('names the radiogroup from the label and drops the fallback aria-label', () => {
+    const { container } = render(<Rate label="Quality" />);
+    const group = screen.getByRole('radiogroup', { name: 'Quality' });
+    const fieldLabel = container.querySelector('label.label') as HTMLElement;
+    expect(fieldLabel.id).toBeTruthy();
+    expect(group).toHaveAttribute('aria-labelledby', fieldLabel.id);
+    expect(group).not.toHaveAttribute('aria-label');
+    expect(fieldLabel).not.toHaveAttribute('for');
+  });
+
+  it('uses a user-supplied labelProps.id as the target', () => {
+    render(<Rate label="Quality" labelProps={{ id: 'quality-label' }} />);
+    expect(screen.getByRole('radiogroup')).toHaveAttribute(
+      'aria-labelledby',
+      'quality-label'
+    );
+  });
+
+  it('strips a caller labelProps.htmlFor from the group label', () => {
+    const { container } = render(
+      <Rate label="Quality" labelProps={{ htmlFor: 'some-control' }} />
+    );
+    expect(container.querySelector('label.label')).not.toHaveAttribute('for');
+  });
+
+  it('keeps the "Rating" fallback aria-label when unlabeled', () => {
+    render(<Rate />);
+    expect(screen.getByRole('radiogroup')).toHaveAttribute(
+      'aria-label',
+      'Rating'
+    );
+  });
+
+  it('keeps the fallback inside an outer Field, which drops the label', () => {
+    render(
+      <Field label="Outer">
+        <Rate label="Dropped" />
+      </Field>
+    );
+    const group = screen.getByRole('radiogroup');
+    expect(group).toHaveAttribute('aria-label', 'Rating');
+    expect(group).not.toHaveAttribute('aria-labelledby');
+  });
+});
diff --git a/bulma-ui/src/form/fieldProps.ts b/bulma-ui/src/form/fieldProps.ts
index c0b08b72d..052413d70 100644
--- a/bulma-ui/src/form/fieldProps.ts
+++ b/bulma-ui/src/form/fieldProps.ts
@@ -5,11 +5,11 @@ import React from 'react';
  * When these props are provided and the component is not already inside a Field,
  * it will automatically render a Field around itself.
  */
-// NOTE: the label/labelProps TSDoc here must stay neutral about htmlFor
-// association — this interface is also inherited by group inputs
-// (Checkboxes, Radios, Rate) that do NOT auto-wire it.
-// Single-control components that do (via useAutoLabelId, #368/#493)
-// shadow-redeclare these members with the stronger claim.
+// NOTE: the label/labelProps TSDoc here stays neutral about association
+// mechanics — every inheritor auto-associates, but by different means:
+// single-control inputs wire htmlFor/id (useAutoLabelId, #368/#493), group
+// inputs wire aria-labelledby (useAutoLabelledBy, #494). Each component
+// shadow-redeclares these members with its specific claim.
 export interface FormFieldProps {
   /** Field label, rendered above the widget. */
   label?: React.ReactNode;
diff --git a/bulma-ui/src/form/useAutoLabelId.ts b/bulma-ui/src/form/useAutoLabelId.ts
index 7615426d8..a8b658d36 100644
--- a/bulma-ui/src/form/useAutoLabelId.ts
+++ b/bulma-ui/src/form/useAutoLabelId.ts
@@ -43,3 +43,40 @@ export function useAutoLabelId({
     : labelProps;
   return { controlId, fieldLabelProps };
 }
+
+interface UseAutoLabelledByOptions {
+  /** The convenience `label` prop as passed by the caller. */
+  label: React.ReactNode;
+  /** User-supplied labelProps, if any. */
+  labelProps?: FieldProps['labelProps'];
+  /** True when this render actually outputs the label naming the group. */
+  rendersLabel: boolean;
+}
+
+/**
+ * Group-input counterpart of {@link useAutoLabelId} (#494): a group of
+ * controls cannot take a single `htmlFor`, so instead the rendered `<label>`
+ * gets a generated id and the group container points at it with
+ * `aria-labelledby`. A user-supplied `labelProps.id` is used as the target
+ * instead of generating one. Any caller `htmlFor` is stripped — a group label
+ * names the group, never a single control — so the merged labelProps always
+ * carry an explicit `htmlFor: undefined`.
+ * Internal; not part of the public API.
+ */
+export function useAutoLabelledBy({
+  label,
+  labelProps,
+  rendersLabel,
+}: UseAutoLabelledByOptions): {
+  ariaLabelledBy: string | undefined;
+  fieldLabelProps: FieldProps['labelProps'] | undefined;
+} {
+  // Called unconditionally per the rules of hooks; SSR-safe on React 18 and 19.
+  const generatedId = useId();
+  const active = !!label && rendersLabel;
+  const labelId = labelProps?.id ?? (active ? generatedId : undefined);
+  const fieldLabelProps = active
+    ? { ...labelProps, id: labelId, htmlFor: undefined }
+    : labelProps;
+  return { ariaLabelledBy: active ? labelId : undefined, fieldLabelProps };
+}
diff --git a/docs/docs/api/form/checkboxes.md b/docs/docs/api/form/checkboxes.md
index 5fdf04cba..72e579fcd 100644
--- a/docs/docs/api/form/checkboxes.md
+++ b/docs/docs/api/form/checkboxes.md
@@ -237,7 +237,8 @@ function CheckboxesFormDemo() {
 
 ## Accessibility
 
-- The group is rendered as a `<div class="checkboxes">` containing labeled checkboxes.
+- The group is rendered as a `<div class="checkboxes" role="group">` containing labeled checkboxes.
+- The `label` prop names the whole group: the rendered `<label>` gets an id (yours via `labelProps.id`, or a generated one) and the group points at it with `aria-labelledby`.
 - Each child should be a `Checkbox` for proper labeling and accessibility.
 
 ---
@@ -260,22 +261,22 @@ function CheckboxesFormDemo() {
 
 <!-- bestax:generated props -->
 
-| Prop             | Type                                                                            | Default | Description                                                          |
-| ---------------- | ------------------------------------------------------------------------------- | ------- | -------------------------------------------------------------------- |
-| `className`      | `string`                                                                        | —       | Additional CSS classes to apply.                                     |
-| `name`           | `string`                                                                        | —       | Form field name shared by every Checkbox in the group (via context). |
-| `value`          | `string[]`                                                                      | —       | Currently-selected values (controlled mode).                         |
-| `defaultValue`   | `string[]`                                                                      | —       | Initial selected values (uncontrolled mode).                         |
-| `onChange`       | `(values: string[]) => void`                                                    | —       | Fires when the selection changes; receives the new array.            |
-| `children`       | `React.ReactNode`                                                               | —       | Checkbox elements to render in the group.                            |
-| `label`          | `React.ReactNode`                                                               | —       | Field label, rendered above the widget.                              |
-| `labelSize`      | `'small'` \| `'normal'` \| `'medium'` \| `'large'`                              | —       | Size for the label (used in horizontal layouts).                     |
-| `labelProps`     | `React.LabelHTMLAttributes<HTMLLabelElement> & { [key: string]: unknown; }`     | —       | Props for the label element.                                         |
-| `horizontal`     | `boolean`                                                                       | `false` | Horizontal field layout.                                             |
-| `message`        | `React.ReactNode`                                                               | —       | Help/validation message below the input.                             |
-| `messageColor`   | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Bulma color for the message.                                         |
-| `fieldClassName` | `string`                                                                        | —       | Additional CSS classes for the Field wrapper.                        |
-| `...`            | Bulma helper props                                                              | —       | See [Helper Props](../helpers/usebulmaclasses.md)                    |
+| Prop             | Type                                                                            | Default | Description                                                                                                                                                                                                                                           |
+| ---------------- | ------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `label`          | `React.ReactNode`                                                               | —       | Field label naming the whole group. Automatically associated via `aria-labelledby` on the `role="group"` wrapper — uses your `labelProps.id` when provided, otherwise a generated one. Dropped inside an outer `Field` (label that `Field` yourself). |
+| `labelProps`     | `React.LabelHTMLAttributes<HTMLLabelElement> & { [key: string]: unknown; }`     | —       | Props for the label element. An explicit `id` here is used as the `aria-labelledby` target instead of a generated one; any `htmlFor` is ignored (a group label names the group, never a single control).                                              |
+| `className`      | `string`                                                                        | —       | Additional CSS classes to apply.                                                                                                                                                                                                                      |
+| `name`           | `string`                                                                        | —       | Form field name shared by every Checkbox in the group (via context).                                                                                                                                                                                  |
+| `value`          | `string[]`                                                                      | —       | Currently-selected values (controlled mode).                                                                                                                                                                                                          |
+| `defaultValue`   | `string[]`                                                                      | —       | Initial selected values (uncontrolled mode).                                                                                                                                                                                                          |
+| `onChange`       | `(values: string[]) => void`                                                    | —       | Fires when the selection changes; receives the new array.                                                                                                                                                                                             |
+| `children`       | `React.ReactNode`                                                               | —       | Checkbox elements to render in the group.                                                                                                                                                                                                             |
+| `labelSize`      | `'small'` \| `'normal'` \| `'medium'` \| `'large'`                              | —       | Size for the label (used in horizontal layouts).                                                                                                                                                                                                      |
+| `horizontal`     | `boolean`                                                                       | `false` | Horizontal field layout.                                                                                                                                                                                                                              |
+| `message`        | `React.ReactNode`                                                               | —       | Help/validation message below the input.                                                                                                                                                                                                              |
+| `messageColor`   | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Bulma color for the message.                                                                                                                                                                                                                          |
+| `fieldClassName` | `string`                                                                        | —       | Additional CSS classes for the Field wrapper.                                                                                                                                                                                                         |
+| `...`            | Bulma helper props                                                              | —       | See [Helper Props](../helpers/usebulmaclasses.md)                                                                                                                                                                                                     |
 
 **Subcomponents:**
 
diff --git a/docs/docs/api/form/radios.md b/docs/docs/api/form/radios.md
index 094d565d5..dbcb1640a 100644
--- a/docs/docs/api/form/radios.md
+++ b/docs/docs/api/form/radios.md
@@ -272,7 +272,8 @@ function RadiosWrappedFormDemo() {
 
 ## Accessibility
 
-- The group is rendered as a `<div class="radios">` containing labeled radio buttons.
+- The group is rendered as a `<div class="radios" role="radiogroup">` containing labeled radio buttons.
+- The `label` prop names the whole group: the rendered `<label>` gets an id (yours via `labelProps.id`, or a generated one) and the group points at it with `aria-labelledby`.
 - Each child should be a `Radio` for proper labeling and accessibility.
 - Use the same `name` for all radios in a group to ensure mutual exclusivity.
 
@@ -296,22 +297,22 @@ function RadiosWrappedFormDemo() {
 
 <!-- bestax:generated props -->
 
-| Prop             | Type                                                                            | Default | Description                                                       |
-| ---------------- | ------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------- |
-| `className`      | `string`                                                                        | —       | Additional CSS classes to apply.                                  |
-| `name`           | `string`                                                                        | —       | Form field name shared by every Radio in the group (via context). |
-| `value`          | `string`                                                                        | —       | Currently-selected value (controlled mode).                       |
-| `defaultValue`   | `string`                                                                        | —       | Initial selected value (uncontrolled mode).                       |
-| `onChange`       | `(value: string) => void`                                                       | —       | Fires when the selection changes.                                 |
-| `children`       | `React.ReactNode`                                                               | —       | Radio elements to render in the group.                            |
-| `label`          | `React.ReactNode`                                                               | —       | Field label, rendered above the widget.                           |
-| `labelSize`      | `'small'` \| `'normal'` \| `'medium'` \| `'large'`                              | —       | Size for the label (used in horizontal layouts).                  |
-| `labelProps`     | `React.LabelHTMLAttributes<HTMLLabelElement> & { [key: string]: unknown; }`     | —       | Props for the label element.                                      |
-| `horizontal`     | `boolean`                                                                       | `false` | Horizontal field layout.                                          |
-| `message`        | `React.ReactNode`                                                               | —       | Help/validation message below the input.                          |
-| `messageColor`   | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Bulma color for the message.                                      |
-| `fieldClassName` | `string`                                                                        | —       | Additional CSS classes for the Field wrapper.                     |
-| `...`            | Bulma helper props                                                              | —       | See [Helper Props](../helpers/usebulmaclasses.md)                 |
+| Prop             | Type                                                                            | Default | Description                                                                                                                                                                                                                                                |
+| ---------------- | ------------------------------------------------------------------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `label`          | `React.ReactNode`                                                               | —       | Field label naming the whole group. Automatically associated via `aria-labelledby` on the `role="radiogroup"` wrapper — uses your `labelProps.id` when provided, otherwise a generated one. Dropped inside an outer `Field` (label that `Field` yourself). |
+| `labelProps`     | `React.LabelHTMLAttributes<HTMLLabelElement> & { [key: string]: unknown; }`     | —       | Props for the label element. An explicit `id` here is used as the `aria-labelledby` target instead of a generated one; any `htmlFor` is ignored (a group label names the group, never a single control).                                                   |
+| `className`      | `string`                                                                        | —       | Additional CSS classes to apply.                                                                                                                                                                                                                           |
+| `name`           | `string`                                                                        | —       | Form field name shared by every Radio in the group (via context).                                                                                                                                                                                          |
+| `value`          | `string`                                                                        | —       | Currently-selected value (controlled mode).                                                                                                                                                                                                                |
+| `defaultValue`   | `string`                                                                        | —       | Initial selected value (uncontrolled mode).                                                                                                                                                                                                                |
+| `onChange`       | `(value: string) => void`                                                       | —       | Fires when the selection changes.                                                                                                                                                                                                                          |
+| `children`       | `React.ReactNode`                                                               | —       | Radio elements to render in the group.                                                                                                                                                                                                                     |
+| `labelSize`      | `'small'` \| `'normal'` \| `'medium'` \| `'large'`                              | —       | Size for the label (used in horizontal layouts).                                                                                                                                                                                                           |
+| `horizontal`     | `boolean`                                                                       | `false` | Horizontal field layout.                                                                                                                                                                                                                                   |
+| `message`        | `React.ReactNode`                                                               | —       | Help/validation message below the input.                                                                                                                                                                                                                   |
+| `messageColor`   | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Bulma color for the message.                                                                                                                                                                                                                               |
+| `fieldClassName` | `string`                                                                        | —       | Additional CSS classes for the Field wrapper.                                                                                                                                                                                                              |
+| `...`            | Bulma helper props                                                              | —       | See [Helper Props](../helpers/usebulmaclasses.md)                                                                                                                                                                                                          |
 
 **Subcomponents:**
 
diff --git a/docs/docs/api/form/rate.md b/docs/docs/api/form/rate.md
index f95ef6ffd..997bcbf39 100644
--- a/docs/docs/api/form/rate.md
+++ b/docs/docs/api/form/rate.md
@@ -313,6 +313,7 @@ function RateFormDemo() {
 ## Accessibility
 
 - Uses `role="radiogroup"` for the container
+- The `label` prop names the group via `aria-labelledby` (the rendered `<label>` gets an id — yours via `labelProps.id`, or a generated one); without a label the container falls back to `aria-label="Rating"`
 - Each star has `role="radio"` with `aria-checked`
 - Has `aria-valuenow`, `aria-valuemin`, and `aria-valuemax`
 - Full keyboard navigation with arrow keys
@@ -341,39 +342,39 @@ Use the `texts` prop to provide context for each rating level, helping users und
 
 <!-- bestax:generated props -->
 
-| Prop             | Type                                                                            | Default | Description                                                                                               |
-| ---------------- | ------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------------------- |
-| `name`           | `string`                                                                        | —       | Form field name. When set, a hidden input is rendered.                                                    |
-| `form`           | `string`                                                                        | —       | Optional id of the form this hidden input belongs to (use when the input lives outside the form element). |
-| `value`          | `number`                                                                        | —       | Controlled value (0 to max).                                                                              |
-| `defaultValue`   | `number`                                                                        | `0`     | Default value for uncontrolled usage.                                                                     |
-| `max`            | `number`                                                                        | `5`     | Maximum rating value.                                                                                     |
-| `size`           | `'small'` \| `'medium'` \| `'large'`                                            | —       | Size variant.                                                                                             |
-| `disabled`       | `boolean`                                                                       | `false` | Whether the rating is disabled.                                                                           |
-| `showScore`      | `boolean`                                                                       | `false` | Show the numeric score next to stars.                                                                     |
-| `showText`       | `boolean`                                                                       | `false` | Show custom text based on value.                                                                          |
-| `texts`          | `string[]`                                                                      | —       | Array of text labels for each rating value.                                                               |
-| `onChange`       | `(value: number) => void`                                                       | —       | Callback when rating changes.                                                                             |
-| `customIcon`     | `(props: RateIconProps) => React.ReactNode`                                     | —       | Custom icon renderer.                                                                                     |
-| `spaced`         | `boolean`                                                                       | `false` | Add spacing between icons.                                                                                |
-| `rtl`            | `boolean`                                                                       | `false` | Right-to-left direction.                                                                                  |
-| `iconName`       | `string`                                                                        | —       | Custom icon name for the rating stars.                                                                    |
-| `iconLibrary`    | `'fa'` \| `'mdi'` \| `'ion'` \| `'material-icons'` \| `'material-symbols'`      | —       | Icon library to use (defaults to ConfigProvider value or 'fa').                                           |
-| `iconVariant`    | `string`                                                                        | —       | Icon style variant (e.g., 'solid', 'outlined').                                                           |
-| `iconFeatures`   | `string` \| `string[]`                                                          | —       | Additional icon modifiers.                                                                                |
-| `color`          | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Color of the active rating icons.                                                                         |
-| `precision`      | `number`                                                                        | `1`     | Rating precision (e.g., `0.5` for half stars).                                                            |
-| `customText`     | `string`                                                                        | —       | Custom text displayed next to the rating.                                                                 |
-| `label`          | `React.ReactNode`                                                               | —       | Field label, rendered above the widget.                                                                   |
-| `labelSize`      | `'small'` \| `'normal'` \| `'medium'` \| `'large'`                              | —       | Size for the label (used in horizontal layouts).                                                          |
-| `labelProps`     | `React.LabelHTMLAttributes<HTMLLabelElement> & { [key: string]: unknown; }`     | —       | Props for the label element.                                                                              |
-| `horizontal`     | `boolean`                                                                       | `false` | Horizontal field layout.                                                                                  |
-| `message`        | `React.ReactNode`                                                               | —       | Help/validation message below the input.                                                                  |
-| `messageColor`   | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Bulma color for the message.                                                                              |
-| `fieldClassName` | `string`                                                                        | —       | Additional CSS classes for the Field wrapper.                                                             |
-| `className`      | `string`                                                                        | —       | Additional CSS classes.                                                                                   |
-| `ref`            | `React.Ref<HTMLElement>`                                                        | —       | Ref forwarded to the container element.                                                                   |
-| `...`            | All standard `<div>` attributes and Bulma helper props                          | —       | See [Helper Props](../helpers/usebulmaclasses.md)                                                         |
+| Prop             | Type                                                                            | Default | Description                                                                                                                                                                                                                                                                                                       |
+| ---------------- | ------------------------------------------------------------------------------- | ------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `label`          | `React.ReactNode`                                                               | —       | Field label naming the rating group. Automatically associated via `aria-labelledby` on the `role="radiogroup"` container — uses your `labelProps.id` when provided, otherwise a generated one; it also replaces the default `aria-label="Rating"`. Dropped inside an outer `Field` (label that `Field` yourself). |
+| `labelProps`     | `React.LabelHTMLAttributes<HTMLLabelElement> & { [key: string]: unknown; }`     | —       | Props for the label element. An explicit `id` here is used as the `aria-labelledby` target instead of a generated one; any `htmlFor` is ignored (a group label names the group, never a single control).                                                                                                          |
+| `name`           | `string`                                                                        | —       | Form field name. When set, a hidden input is rendered.                                                                                                                                                                                                                                                            |
+| `form`           | `string`                                                                        | —       | Optional id of the form this hidden input belongs to (use when the input lives outside the form element).                                                                                                                                                                                                         |
+| `value`          | `number`                                                                        | —       | Controlled value (0 to max).                                                                                                                                                                                                                                                                                      |
+| `defaultValue`   | `number`                                                                        | `0`     | Default value for uncontrolled usage.                                                                                                                                                                                                                                                                             |
+| `max`            | `number`                                                                        | `5`     | Maximum rating value.                                                                                                                                                                                                                                                                                             |
+| `size`           | `'small'` \| `'medium'` \| `'large'`                                            | —       | Size variant.                                                                                                                                                                                                                                                                                                     |
+| `disabled`       | `boolean`                                                                       | `false` | Whether the rating is disabled.                                                                                                                                                                                                                                                                                   |
+| `showScore`      | `boolean`                                                                       | `false` | Show the numeric score next to stars.                                                                                                                                                                                                                                                                             |
+| `showText`       | `boolean`                                                                       | `false` | Show custom text based on value.                                                                                                                                                                                                                                                                                  |
+| `texts`          | `string[]`                                                                      | —       | Array of text labels for each rating value.                                                                                                                                                                                                                                                                       |
+| `onChange`       | `(value: number) => void`                                                       | —       | Callback when rating changes.                                                                                                                                                                                                                                                                                     |
+| `customIcon`     | `(props: RateIconProps) => React.ReactNode`                                     | —       | Custom icon renderer.                                                                                                                                                                                                                                                                                             |
+| `spaced`         | `boolean`                                                                       | `false` | Add spacing between icons.                                                                                                                                                                                                                                                                                        |
+| `rtl`            | `boolean`                                                                       | `false` | Right-to-left direction.                                                                                                                                                                                                                                                                                          |
+| `iconName`       | `string`                                                                        | —       | Custom icon name for the rating stars.                                                                                                                                                                                                                                                                            |
+| `iconLibrary`    | `'fa'` \| `'mdi'` \| `'ion'` \| `'material-icons'` \| `'material-symbols'`      | —       | Icon library to use (defaults to ConfigProvider value or 'fa').                                                                                                                                                                                                                                                   |
+| `iconVariant`    | `string`                                                                        | —       | Icon style variant (e.g., 'solid', 'outlined').                                                                                                                                                                                                                                                                   |
+| `iconFeatures`   | `string` \| `string[]`                                                          | —       | Additional icon modifiers.                                                                                                                                                                                                                                                                                        |
+| `color`          | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Color of the active rating icons.                                                                                                                                                                                                                                                                                 |
+| `precision`      | `number`                                                                        | `1`     | Rating precision (e.g., `0.5` for half stars).                                                                                                                                                                                                                                                                    |
+| `customText`     | `string`                                                                        | —       | Custom text displayed next to the rating.                                                                                                                                                                                                                                                                         |
+| `labelSize`      | `'small'` \| `'normal'` \| `'medium'` \| `'large'`                              | —       | Size for the label (used in horizontal layouts).                                                                                                                                                                                                                                                                  |
+| `horizontal`     | `boolean`                                                                       | `false` | Horizontal field layout.                                                                                                                                                                                                                                                                                          |
+| `message`        | `React.ReactNode`                                                               | —       | Help/validation message below the input.                                                                                                                                                                                                                                                                          |
+| `messageColor`   | `'primary'` \| `'link'` \| `'info'` \| `'success'` \| `'warning'` \| `'danger'` | —       | Bulma color for the message.                                                                                                                                                                                                                                                                                      |
+| `fieldClassName` | `string`                                                                        | —       | Additional CSS classes for the Field wrapper.                                                                                                                                                                                                                                                                     |
+| `className`      | `string`                                                                        | —       | Additional CSS classes.                                                                                                                                                                                                                                                                                           |
+| `ref`            | `React.Ref<HTMLElement>`                                                        | —       | Ref forwarded to the container element.                                                                                                                                                                                                                                                                           |
+| `...`            | All standard `<div>` attributes and Bulma helper props                          | —       | See [Helper Props](../helpers/usebulmaclasses.md)                                                                                                                                                                                                                                                                 |
 
 <!-- /bestax:generated props -->
 
diff --git a/skills/bestax-form/SKILL.md b/skills/bestax-form/SKILL.md
index e43294326..1c2f16ec5 100644
--- a/skills/bestax-form/SKILL.md
+++ b/skills/bestax-form/SKILL.md
@@ -125,9 +125,10 @@ The `label` prop on the single-control convenience inputs (`Input`, `Select`, `T
 generated one otherwise, and an explicit `labelProps={{ htmlFor }}` wins. The wiring only
 happens when the component renders its own `Field` (nested inside one, the `label` prop is
 dropped); the date/time pickers skip it in `inline` mode and `Taginput` skips it at
-`maxTags` (no visible input to label). ⚠️ Manual wiring is still required when composing
-`Field` + bases yourself (`Field`'s own `label` associates nothing) and on the group
-inputs (`Checkboxes`, `Radios`, `Rate`).
+`maxTags` (no visible input to label). The group inputs (`Checkboxes`, `Radios`, `Rate`)
+associate their `label` too, but group-style: the wrapper gets `role="group"`/`"radiogroup"`
+and `aria-labelledby` pointing at the label. ⚠️ Manual wiring is still required when
+composing `Field` + bases yourself (`Field`'s own `label` associates nothing).
 
 ## Convenience vs composed
 
@@ -218,8 +219,9 @@ for the expected classes/states, and say plainly that the visual pass is still o
 
 - [ ] Built from the shipped form components (no hand-rolled inputs / reinvented controls).
 - [ ] Every label is programmatically associated — the convenience `label` prop does this
-      automatically; when composing `Field` + bases (or labeling a group input), pass
-      `labelProps={{ htmlFor }}` / a `<label htmlFor>` plus a matching `id` yourself.
+      automatically, on the group inputs too (via `aria-labelledby`); when composing
+      `Field` + bases, pass `labelProps={{ htmlFor }}` / a `<label htmlFor>` plus a
+      matching `id` yourself.
 - [ ] Controlled inputs have both `value` and `onChange` (or use `defaultValue` uncontrolled).
 - [ ] Error state shows via `color="danger"` + `message` + `messageColor="danger"`.
 - [ ] Grouped/addon layouts use explicit `Field` + `Control` composition.