Lectores de pantalla
- Cada elemento interactivo tiene un nombre accesible: el texto del botón, o un
aria-labelcuando solo hay un ícono. - Roles y estados correctos: un botón es un
button, un enlace es una; «cargando» se anuncia conaria-busyy un texto. - Los íconos son decorativos salvo que comuniquen algo solos; entonces llevan
label. - Silkscreen nunca para contenido largo: las etiquetas pixel son cortas y su texto es legible tal cual.
- Los cambios de estado del túnel se anuncian con
aria-live="polite": «Túnel en línea en Santiago».
Antes de pasar un componente a estable, revísalo con VoiceOver (macOS, iOS) y NVDA (Windows) y anota la fecha en su components.json.