Lista de verificación VoiceOver (AAA)

0. Preparación (una sola vez)

• Confirme las teclas principales: VO = Control+Opción, activar ⌘F5, Rotor VO+U, Leer todo VO+A, detener Control, siguiente VO+→.
• Ajuste la utilidad de VoiceOver → Verbosidad → Alta para la auditoría (pero no diseñe solo para Alta).
• Pruebe primero en Safari, luego revise puntualmente en Chrome: las combinaciones tecnología asistiva + navegador difieren.
• Haga al menos una pasada con pantalla apagada por página: complete la tarea solo escuchando.
• Decida el formato de registro: notas por página (URL, criterio, aprobado / razón de N/A / defecto + reproducción).

1. Global / cada página

Pruebe en la página de inicio más 2–3 páginas interiores.

• [2.4.1] Enlace de salto: el primer Tab llega a «Saltar al contenido principal»; al activarlo, el foco de VO entra a #main.
• [1.3.1 / 2.4.1] Recorrido de regiones (VO+U → Landmarks): banner, nav, main, contentinfo presentes y con nombre; sin nav duplicados sin etiquetar.
• [1.3.1 / 2.4.10] Recorrido de encabezados (VO+U → Headings): un único h1, sin niveles saltados, esquema coherente al oído.
• [2.4.4 / 2.4.9] Recorrido de enlaces (VO+U → Links): cada enlace tiene sentido fuera de contexto; nada de «haz clic aquí / leer más».
• [1.1.1] El enlace del logotipo anuncia un nombre textual, no «imagen» ni un nombre de archivo.
• [1.3.2] Orden de lectura: VO+A lee todo con un flujo lógico que coincide con la disposición visual.
• [2.4.7 / 2.4.13] El cursor de VO y el indicador de foco visible permanecen juntos; el foco nunca cae en un elemento vacío o sin etiquetar.
• [3.1.1 / 3.1.2] Voz y pronunciación correctas; html lang fijado; frases en otros idiomas marcadas en línea.
• [2.1.2] Sin trampa de teclado/foco: tabule y use VO+→ entrando y saliendo de cada región.

2. Cabecera: selectores de fuente y tema

Los controles personalizados con mayor riesgo: visualmente evidentes pero a menudo mudos para VoiceOver.

• [4.1.2 / 1.3.1] Selector de fuente (Sistema/Lexend/Atkinson/OpenDyslexic): cada uno anuncia nombre + rol + estado actual; el cambio se anuncia.
• [4.1.2] Selector de tema (Sistema/Claro/Oscuro): se anuncian nombre + rol + estado seleccionado; la selección actualiza el estado.
• [1.3.1] El estado persiste y es perceptible: tras elegir OpenDyslexic y navegar, VO sigue reportando la selección correcta.
• [2.1.1] Ambos selectores son accesibles y operables con VO+Espacio / flechas; sin comportamiento solo con ratón.
• [1.4.12] OpenDyslexic es un cambio solo visual: la salida de VO y el orden de lectura no se ven afectados.

3. Páginas de guías (contenido + ejemplos embebidos)

• [1.3.1] Página de tablas: navegue por la tabla en vivo con los comandos de tabla de VO; los encabezados de fila/columna se anuncian por celda, el caption se anuncia y el scope es correcto.
• [1.1.1 / 1.3.1] Página de gráficos (barras y dona en Chart.js): el canvas está aria-hidden o etiquetado, la tabla de datos hermana es accesible; los números están disponibles al oído.
• [1.1.1 / 2.1.1] Página de gráficos (OpenStreetMap WA/OR/CA): existe un equivalente textual o tabular; el mapa no es una sucesión de anuncios de imagen.
• [1.1.1] Página de imágenes: las informativas anuncian una descripción útil; las decorativas están silenciadas; los SVG complejos tienen un equivalente textual accesible.
• [1.2.x / 4.1.2] Página de vídeos: VO opera los controles del reproductor (nombre + estado); los subtítulos se alternan con anuncio; la transcripción está presente y se puede leer.
• [3.1.3 / 3.1.4 / 3.1.5] Lenguaje sencillo al oído: la prosa se mantiene en nivel 8.º grado; las abreviaturas (ARIA, WCAG, DOJ) se expanden o tienen una expansión accesible.

4. Componentes ARIA personalizados

Pruebe cada uno tanto en modo navegación (VO+→) como en modo interacción, y con el Rotor.

• [4.1.2 / 1.3.1] Acordeón: los encabezados se anuncian como botones con estado aria-expanded; al activarlos se anuncia el cambio; el contenido colapsado no es accesible.
• [4.1.2 / 2.1.1] Pestañas: tablist + tabs anuncian rol + estado seleccionado; las flechas mueven; el panel está asociado. Pruebe activación automática Y manual.
• [4.1.2 / 2.1.1 / 2.1.2] Lista desplegable / combobox: el select nativo anuncia el valor; el combobox personalizado anuncia rol/expandido/opción activa/selección; Escape devuelve el foco audiblemente.
• [4.1.3] Regiones en vivo: las actualizaciones se anuncian sin mover el foco, una sola vez y con la cortesía correcta (status vs alert).

5. Formularios (donde existan)

Auditoría, contacto, búsqueda, solicitud de API del modelo: omita con N/A si no hay ninguno.

• [1.3.1 / 3.3.2] Cada campo anuncia una etiqueta programática (no solo el placeholder); el estado «obligatorio» se anuncia.
• [3.3.1 / 3.3.3] Los errores se anuncian; VO puede navegar al campo con error; el texto de error está asociado, no solo coloreado.
• [3.3.5 / 2.2.6] Ayuda AAA disponible donde se reivindique (3.3.5); cualquier tiempo de espera se avisa (2.2.6).
• [1.3.5] Autocomplete/propósito fijados para que el propósito del campo sea programáticamente determinable.

6. Verificaciones AAA específicas al oído

• [2.4.8] Ubicación: se anuncia migas de pan o indicador de página actual para que el usuario de VO sepa dónde está.
• [2.4.12 / 2.4.13] El foco no queda oculto por encabezado/pie pegajoso; el indicador de foco es prominente (correlación entre foco visual y cursor VO).
• [1.4.6 / 1.4.8] El contraste mejorado se mantiene en todas las combinaciones de tema y fuente; verifique OpenDyslexic + tema oscuro.
• [2.1.3] Todo es operable por teclado, incluidos mapa y gráficos, o existe una alternativa accesible documentada.
• [2.2.3 / 2.3.2] Sin contenido temporizado; sin destellos en ninguna animación de gráfico.
• [3.2.5] El cambio de fuente/tema y la navegación no provocan cambios de contexto inesperados; nada navega de forma automática.

7. Cierre

• Repita la prueba con pantalla apagada de principio a fin en las dos páginas más complejas (página de gráficos, una demo de componente).
• Para cada criterio AAA que no pueda cumplir, escriba la justificación N/A en la declaración de accesibilidad; coincida con el lenguaje del VPAT/ACR.
• Cualquier cosa que VoiceOver detecte y que axe/Alfa/Insights hayan pasado → nueva aserción de Playwright o ítem manual permanente.
• Registre las versiones del navegador y de la tecnología asistiva (Safari + build de VoiceOver, versión de macOS).