Demos

Examples of web development/web design patterns with accessibility in mind.

By Dennis Lembree @dennisl

• Autosuggest select dropdown

• Breadcrumbs

• Chips (with autosuggest)

• Interactive elements within grid layout

• Expand-Collapse

  • Classic expand-collapse Version 1 - Version 2
  • show/hide using CSS transition
  • show/hide using CSS animation

• Dropdown Menu Button: No ARIA - with ARIA

• Hamburger/slide out menu

• Modal Dialog

• Pagination

• SVG Test Page

• Tab Panel

• Table with form element

• Tile/Card

• Toggle Switch