Skip to main content
Auralize Hear your interface

Instant screen reader previewsfor accessible development

chars: 0
Built for NVDA-style output
 <div role="region" aria-label="Filters">
  <button aria-expanded="false" aria-controls="filters-panel" aria-label="Open Filters" aria-describedby="filters-hint">
    Filters
  </button>
  <p id="filters-hint">Press to show filter options.</p>
  <div id="filters-panel" hidden>
    <label for="price">Max price</label>
    <input id="price" type="number" />
  </div>
</div>
  • • Raw HTML
  • • JSX code (best-effort parsing)
  • • Common components

We'll parse tab order, accessible names, roles, states, and more.