Radio Example 3: Background Images

Lunch Options

Drink Options

Application Notes

This version of the radio group widget uses background images to show the button state. Background images are typically not displayed in high contrast mode. For this reason, background images should not be relied upon to display essential visual information.

Keyboard Shortcuts

The following keyboard shortcuts are implemented for this example (based on recommended shortcuts specified by the DHTML Style Guide Working Group.):

ARIA Roles and Properties

HTML Source Code

Show HTML Source Code: radio3.inc

Javascript Source Code

Show Javascript Source Code: radio3.js

CSS Source Code

Show CSS Source Code: radio3.css

W3C Validation of HTML5