← All analysers · Framework-specific analysers

SvelteReactivityAnalyzer

Svelte directives: bind:, on:, class:, transition: applied to a11y patterns.

What it detects

Svelte's reactive directives bind state to the DOM in ways that affect accessibility. `class:hidden` toggles visibility; `bind:this` captures element references for focus management; `on:keydown` attaches handlers. This analyser parses Svelte components and applies the multi-model checks to the reactive bindings.

WCAG criteria

  • 1.3.1 — Info and Relationships
  • 2.1.1 — Keyboard

Source

analyzers/SvelteReactivityAnalyzer.ts

More