Code Library (Beta)

This code library is a work in progress. It draws on the principles taught in the course ARIA and JavaScript Accessibility, which is available for individual or enterprise subscriptions. Note: If you are somewhat new to accessibility, we recommend the following courses to get you up to speed: Web Accessibility Fundamentals, HTML and CSS Accessibility, and Testing with Screen Readers. See the Full Accessibility Curriculum for details.

• ARIA Widgets
  • Characters Counters
    • Characters Remaining Counter
  • Combobox
    • Combobox
  • Content and Feedback
    • Live Region Playground
    • Social Sharing Toolbar
    • Inline Alert
  • Custom Form Controls
    • Shopping Cart
    • Checkboxes and Radio Buttons
  • Date Pickers
    • Datepicker
  • Menus
    • Megamenu
  • Popups and Dialogs
    • Alert Dialog
    • Non-modal Dialog
    • Tooltip Dialog
    • Modal Dialog
  • Tab Panels and Accordions
    • Tabpanel Widget
    • Tabbed Accordion
    • Multiselect Accordion
    • Responsive Tabs to Accordion
  • Tables
    • Sortable Grid
• Responsive Web Design
  • Responsive Design Example 1: A 2-column design with header and footer