Semantics
A checkable input in a group of elements with the same role, only one of which can be checked at a time.
Additional info from the ARIA specification
Authors SHOULD ensure that elements with role radio are explicitly grouped in order to indicate which ones affect the same value. This is achieved by enclosing the radio elements in an element with role radiogroup. If it is not possible to make the radio buttons DOM children of the radiogroup, authors SHOULD use the aria-owns attribute on the radiogroup element to indicate the relationship to its children.
Abstract Role
WidgetRepresents a focusable, interactive element.
Content Categories
Phrasing ContentAn element that typically appears inline and provides semantic meaning to text content.
Allowed Descendants
Phrasing Children Allowed
No interactive content descendants, and no descendants with a tabindex attribute specified.
Note
Children Become Presentational
Browsers automatically apply the presentation role to all descendant elements, so their semantics are not conveyed to assistive technologies.
Usage
Allowed HTML elements
Implicit semantics
These elements have the role semantics by default, without needing to set the role attribute. Reach for elements with native semantics first when choosing how to implement a role in your content.
input[type=radio]
Explicitly allowed
a[href][role=radio]button[role=radio]img[role=radio]
Elements that can have any role
abbr[role=radio]address[role=radio]b[role=radio]blockquote[role=radio]canvas[role=radio]cite[role=radio]code[role=radio]custom-element[role=radio]data[role=radio]del[role=radio]dfn[role=radio]div[role=radio]em[role=radio]figure[role=radio]i[role=radio]ins[role=radio]kbd[role=radio]mark[role=radio]output[role=radio]p[role=radio]pre[role=radio]q[role=radio]samp[role=radio]small[role=radio]span[role=radio]table[role=radio]tbody[role=radio]tfoot[role=radio]thead[role=radio]time[role=radio]u[role=radio]var[role=radio]