Code Library (Beta)

This code library is a work in progress. It draws on the principles taught in the course Custom JavaScript/ARIA Widgets, See the Full Accessibility Curriculum for details.

• ARIA Widgets
  • Basic Patterns
    • Button
    • Button (Toggle)
    • Link
    • Tooltip
    • Tooltip Dialog
  • Characters Counters
    • Characters Remaining Counter
  • Combobox
    • Combobox
  • Content and Feedback
    • Complex Alert
    • Inline Alert
    • Live Region Playground
    • Social Sharing Toolbar
  • Custom Form Controls
    • Checkbox (Single)
    • Checkbox (Tri-State)
    • Predictive Text
    • Progress Bar (Bounded)
    • Progress Bar (Unbounded)
    • Shopping Cart
    • Simple Checkboxes and Radio Buttons
    • Slider
    • Slider (Multirange)
  • Date Pickers
    • Datepicker
  • Popups and Dialogs
    • Alert Dialog
    • Dialog (Simple Alert Dialog)
    • Dialog (Message Dialog)
    • Dialog (Message Alert Dialog)
    • Dialog (Simple Dialog)
    • Non-modal Dialog
    • Modal Dialog
    • Tooltip Dialog
  • Tab Panels and Accordions
    • Tree View
    • Carousel (based on a tabpanel)
    • Expand/Collapse
    • Expand/Collapse (based on Details/Summary)
    • Multiselect Accordion
    • Navigation (Hierarchical) with Expand/Collapse
    • Responsive Tabs to Accordion
    • Tabbed Accordion
    • Tabpanel Widget
  • Tables
    • Sortable Grid
    • Table (Responsive, Collapsible)
    • Table (Sortable)
• Responsive Web Design
  • Responsive Design Example 1: A 2-column design with header and footer