Skip to content
INDEXSuggest a site
Back

Inclusive Components

Accessibility & assistive technology resourcesInclusive Design Guides
FreeWeb
Visit site

Pattern-by-pattern guidance for building more accessible web interfaces.

Inclusive Components is a web design and development resource focused on making common interface patterns work for more people. It presents component-level articles on cards, tables, notifications, sliders, tabs, menus, toggles, tooltips, and related UI patterns, with an emphasis on accessibility and inclusive interaction design.

Why it stands out

  • Treats accessibility as part of everyday component design, not a separate compliance afterthought.
  • Organized around recognizable UI patterns, making it easier to apply guidance during real build work.
  • Covers interaction-heavy components that often cause accessibility problems, such as menus, sliders, tabs, and toggletips.
  • Written and maintained by Heydon Pickering, a well-known voice in inclusive web design.

Good to know

  • The visible article archive is a small, finite set of components rather than a comprehensive design-system library.
  • Many listed posts date from 2017–2018, so teams should verify details against current platform and accessibility guidance.
  • Updated and expanded material is promoted through the separate book, so the free site may not contain the latest version of every example.

Under the radar: If an article’s example seems old, check the book link: the site notes that the book includes updated content and demos, which may be more current than the original posts.

Photos

Illustration for Inclusive Components