Accessibility

How Byteion bakes WCAG AA, keyboard navigation, focus management, and ARIA into every component.

Overview

Accessibility is not a layer you bolt on — it is the contract every Byteion component honours by default. These guides explain the patterns we use and how to extend them.

Topics

Accessibility

Overview

The principles every component upholds.

Keyboard navigation

Tab, Enter, Escape, and arrow-key patterns per component.

Focus system

Trapping, restoration, and visible focus rings.

ARIA patterns

When and how to use ARIA roles, states, and properties.

Screen reader

Labels, live regions, and announcement patterns.

Our commitments

  • WCAG 2.1 AA contrast is enforced by a CI check on every theme × surface pair.
  • Every interactive component is fully operable with a keyboard.
  • Focus is always visible for keyboard users (focus-visible:ring) and never hidden.
  • Overlays trap focus on open and restore focus on close.
  • Icon-only controls always carry an aria-label.

Unlock Premium Patterns

Get access to copy-paste ready Pro blocks, SaaS templates, and advanced component patterns.

Explore Pro Components