This page documents the VoiceOver experience when using the <auro-radio> component. It covers announcements and gestures for interacting with radio groups.

When focus moves to a radio button the following is announced:

1. Label: The radio button label text
2. State: "selected" or "unselected"
3. Role: "radio button"
4. Position: e.g. "1 of 3"
5. State hints:

   State	What gets announced
   Disabled	"dimmed"
   Invalid	"invalid data"

When navigating into a radio group, VoiceOver announces the legend text, providing group context. The group is identified as a "group" via the native <fieldset> element.

When a radio button is selected (via Space or arrow keys), VoiceOver announces:

1. Label of the newly selected radio
2. "selected, radio button"
3. Position: e.g. "2 of 3"

Within a radio group, arrow keys move focus and selection simultaneously. VoiceOver announces each radio button as it becomes focused and selected.