WAI-ARIA: Role=Radiogroup

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated : Roles
WAI-ARIA: Role=Radiogroup
WAI-ARIA: Role=Radiogroup

A group of radio buttons.

Description

A group of radio buttons.

A radiogroup is a type of select list that can only have a single entry checked at any one time. Authors SHOULD enforce that only one radio button in a group can be checked at the same time. When one item in the group is checked, the previously checked item becomes unchecked (its aria-checked attribute becomes false).

Screen Reader Support For Role=RadioGroup

ExpectationJAWSNarratorNVDAOrcaTalkBackVoiceOver (iOS)VoiceOver (macOS)
ChromeEdgeFirefoxEdgeChromeEdgeFirefoxFirefoxChromeSafariSafari
MUST convey its rolesupportedsupportedsupportedsupportedsupportedsupportedpartialsupportednonenonesupported
MUST convey the group name if it has a group namepartialpartialpartialsupportedsupportedsupportedsupportedsupportednonenonesupported
MUST convey the boundaries of the groupsupportedsupportedsupportedsupportedpartialpartialpartialpartialnonenonesupported

Role=Radiogroup Example

HTML Example 1

<div role="radiogroup" aria-labelledby="gdesc1">
<h3>
Pizza Crust
</h3>
<div role="radio"
aria-checked="false"
tabindex="0">
Regular crust
</div>
<div role="radio"
aria-checked="false"
tabindex="-1">
Deep dish
</div>
<div role="radio"
aria-checked="false"
tabindex="-1">
Thin crust
</div>
</div>

HTML Example 2

<div id="radio_label">My radio label</div>
<ul role="radiogroup" aria-labelledby="radio_label">
<li role="radio">Item #1</li>
<li role="radio">Item #2</li>
<li role="radio">Item #3</li>
</ul>

Characteristics

Superclass Role

  • select

Related Concepts

  • list

Required Owned Elements

  • radio

Supported States and Properties

  • aria-readonly
  • aria-required

Inherited States and Properties

Name From 

  • author

Accessible Name Required

  • True

Semantic HTML

No HTML element equivalent.

Reference

Avatar for Raghavendra Satish Peri

Raghavendra Satish Peri empowers enterprises with his expertise in digital accessibility and marketing. Through his impactful work, he collaborates with both small businesses and large enterprises, spearheading digital transformation initiatives. Raghavendra is the author behind the influential Accessibility Blog hosted at DigitalA11Y.com, where he delves into the intricate realm of digital accessibility and its significance.
Passionate about fostering change within the tech landscape, Raghavendra actively inspires local tech communities through engaging meetups and mentorship. He is the driving force behind HelloA11Y.com, a vibrant platform that unites accessibility professionals, developers, and enthusiasts, propelling the adoption of accessible practices.
Beyond the digital realm, Raghavendra seeks diverse experiences. You might find him exploring various cuisines at local cafes and restaurants or immersing himself in thought-provoking audio books. His insights and musings also find a home on his Personal Blog at raghava.in, where he shares his thoughts and experiences with a wider audience.

Similar Posts

WAI-ARIA: Role=Treeitem

WAI-ARIA: Role=Treeitem

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description An option item of a tree. This is an element within a tree that may be expanded or collapsed if it contains a sub-level group of tree item elements. A collection of treeitem elements to be expanded and collapsed are enclosed in an element with the group role. Authors MUST ensure elements with role…

WAI-ARIA: Role=Timer

WAI-ARIA: Role=Timer

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description A type of live region containing a numerical counter which indicates an amount of elapsed time from a start point, or the time remaining until an end point. The text contents of the timer object indicate the current time measurement, and are updated as that amount changes. The timer value is not necessarily machine…

WAI-ARIA: Role=Banner

WAI-ARIA: Role=Banner

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A region that contains mostly site-oriented content, rather than page-specific content. A region that contains mostly site-oriented content, rather than page-specific content. Description A region that contains mostly site-oriented content, rather than page-specific content. Site-oriented content typically includes things such as the logo or identity of the site sponsor, and a site-specific search tool. A…

WAI-ARIA: Role=Complementary

WAI-ARIA: Role=Complementary

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A supporting section of the document, designed to be complementary to the main content at a similar level in the DOM hierarchy, but remains meaningful when separated from the main content. Description A supporting section of the document, designed to be complementary to the main content at a similar level in the DOM hierarchy, but…

WAI-ARIA: Role=Option

WAI-ARIA: Role=Option

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
1 Comment

A selectable item in a select list. Description A selectable item in a select list. Authors MUST ensure elements with role option are contained in, or owned by, an element with the role listbox. Options not associated with a listbox might not be correctly mapped to an accessibility API. Elements with the role option have an…

WAI-ARIA: Role=MenuitemRadio

WAI-ARIA: Role=MenuitemRadio

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A checkable menuitem in a set of elements with the same role, only one of which can be checked at a time. Description A checkable menuitem in a set of elements with the same role, only one of which can be checked at a time. Authors SHOULD enforce that only one menuitemradio in a group…

Leave a Reply

Your email address will not be published. Required fields are marked *