About

A clean catalog of accessible UI

sitebits is a reference catalog of the building blocks you need to assemble a modern website — from primitive controls to fully composed patterns.

Three ways to browse

Alphabetical — quickly look something up by name.
UI category — group by what the component is (Inputs, Overlays, Navigation…).
Use case — group by what you're building (Registration, Forms, Purchase…).

We target conformance with WCAG 2.2 AA, with AAA where practical. Every page in this site applies the following:

Semantic landmarks (header, nav, main, footer) and one H1 per page.
A skip-to-content link as the first focusable element.
Visible :focus-visible outlines that meet a 3:1 contrast ratio against adjacent surfaces.
Body text contrast of at least 4.5:1 in both light and dark themes.
Full keyboard support for every interactive element, including the view switcher (ARIA tablist) and dialogs (focus trap and restoration).
Live region (aria-live="polite") announcing search result counts.
Decorative icons marked aria-hidden; meaningful icons paired with text or aria-label.
Respect for prefers-reduced-motion — animations collapse to instantaneous transitions.
Form controls with associated labels and aria-describedby for help text and errors.

Found an accessibility issue? We treat it as a bug — please report it.