Skip Navigation

Use Radio Buttons for Exclusive Selections

Checklist:
Use radio buttons for exclusive selections.

Classification:
[x] Standard

Categories:
[x] Accessibility/508
[x] Applications
[x] Forms
[x] Lists
[x] Page Layout
[x] Scripts & Codes

Standards:

HHS must provide radio buttons when users need to choose one, and only one, response from a list of mutually exclusive options. HHS must always use at least two radio buttons in connection with each other.  A single radio button must not be used to present a lone item.

If users can choose not to activate any of the radio button choices, HHS must provide a selection labeled “None.”  Designers and developers should assign one of the radio button choices as the default, when appropriate. 

Since radio buttons require only one choice, make sure that the options are both comprehensive and clearly distinct. 

In addition, users should be able to select an option by clicking on either the button itself or its label. By providing users with a larger click zone area that includes both the label and the button, users will be faster at making the selection.  This is especially true for older adults. 

Rationale:

Radio buttons are a series of on-screen buttons that allow only one selection to be made from a group of options.  By following the standards above, radio buttons can be used for optimal user performance.  

 

Radio Buttons

Exemptions:

  • If a set of mutually-exclusive options are greater than five or more, a drop down box or list box may be used to save space. 

Sources: [Note: this field is a placeholder.  It will provide detailed references and will be hidden from view in the online version.]

Bailey, 1983; Bailey, 1996; Fowler, 1998; Galitz, 2002; Johnsgaard et al., 1995; Marcus, Smilonich and Thompson, 1995; Tullis and Kodimer, 1992.

Requirements (content & style): N/A 

Related Standards:
Designing and Employing Check Boxes
Drop-Down Lists & Open Lists

Related Guidelines:
Use Radio Buttons for Mutually Exclusive Selections (V2, 13:9, p. 128)

Checklist:
Use radio buttons for exclusive selections.