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.

• 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)