Skip to content
DDevToolery

Accessibility

Keyboard navigation, focus, motion and contrast.

Every part of DevToolery is reachable without a mouse.

  • Tab moves through all controls in a sensible order, and focus is always visible.
  • A skip-to-content link is the first thing Tab reaches on every page.
  • The command palette is fully keyboard driven, including arrow-key navigation and Enter to open.
  • Every input, button and table has an accessible name.
  • Tables use proper header cells so a screen reader can announce row and column context.

Motion

There is very little animation, and what exists respects prefers-reduced-motion — transitions are reduced to near zero when that setting is on.

Contrast

Body text meets WCAG AA in both themes. Status colours are always paired with an icon or a word, so meaning never depends on colour alone.

Zoom

The layout works at 200 per cent zoom and reflows to a single column on narrow viewports. Nothing is disabled at small sizes; the input and output panes become tabs instead.