W3C Acessibility Examples

W3C Acessibility Examples

• Button Examples of clickable HTML div and span elements made into accessible command and toggle buttons.

• Simple Two-State Checkbox Example Demonstrates a simple 2-state checkbox.
• Tri-State Checkbox Example Demonstrates how to make a widget that uses the mixed value for aria-checked and group collection of checkboxes with a field set.

• [Combobox with Listbox Popup https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/combobox/aria1.1pattern/listbox-combo.html ARIA 1.1] Comboboxes that demonstrate the various forms of autocomplete behavior using a listbox popup and use the ARIA 1.1 implementation pattern.
• ARIA 1.1 Combobox with Grid Popup A combobox that presents suggestions in a grid, enabling users to navigate descriptive information about each suggestion.
• ARIA 1.0 Combobox with Both List and Inline Autocomplete A combobox that demonstrates the autocomplete behavior known as list with inline autocomplete and uses the ARIA 1.0 implementation pattern.
• ARIA 1.0 Combobox with List Autocomplete A combobox that demonstrates the autocomplete behavior known as list with manual selection and uses the ARIA 1.0 implementation pattern.
• ARIA 1.0 Combobox Without Autocomplete A combo box that demonstrates the behavior associated with aria-autocomplete=none and uses the ARIA 1.0 implementation pattern.