23 · El piso es WCAG 2.2 AA; la meta es más alta

Accesibilidad

Heliodore la usa un médico agotado y la lee un paciente con poca vista. La accesibilidad no es un extra: es el requisito principal de diseño.

Contraste, tamaño, reflow y alternativas de texto. Nada depende solo del color, del sonido o de la forma.

Todo se hace con teclado y con un dedo. Objetivos de 44 px, foco visible, sin gestos complicados ni arrastres obligatorios.

Lenguaje común, mensajes con qué pasó y qué hacer, y comportamientos predecibles. Un error no culpa.

Marca lo que tu pantalla cumple. Cada punto dice dónde está la regla en este manual.

Criterio WCAG 2.2	Regla de Heliodore
1.4.1 Uso del color	Ícono con forma propia y palabra en cada estado
1.4.3 y 1.4.11 Contraste	4,5:1 en texto y 3:1 en componentes; el amarillo nunca es texto sobre claro
1.4.4 y 1.4.10 Zoom y reflow	Hasta 200 % y 320 px de ancho sin perder contenido
1.4.12 Espaciado del texto	Los contenedores crecen con el texto; ninguna altura fija
2.4.7 y 2.4.11 Foco	Anillo de 3 px visible y no tapado por barras fijas
2.5.7 Arrastre	Mover una cita también se hace con «Cambiar la hora», sin arrastrar
2.5.8 Tamaño del objetivo	44 px, por encima del mínimo de 24 px
3.3.1 y 3.3.3 Errores	Texto junto al campo, qué pasó y cómo corregir
3.3.7 Entrada redundante	No se vuelve a pedir un dato que ya se dio (por ejemplo, la cédula)
3.3.8 Autenticación accesible	Se puede pegar o usar el gestor de contraseñas; sin pruebas de memoria

Elemento	Se debe anunciar como
Fila de la agenda	«Cita, 9:00 a. m., Paciente Ejemplo A, control, confirmada»
Botón de ícono	«Imprimir comprobante, botón»
Campo con error	«Teléfono, campo de texto, no válido. Al teléfono le faltan dígitos.»
Interruptor	«Recordar un día antes, interruptor, activado»
Aviso	«Cita guardada para el martes a las 9:00 a. m.» (anunciado sin mover el foco)

Tab y Mayús+Tab: Recorren los controles en el orden visual.
Enter y Espacio: Activan botones y casillas.
Flechas: Cambian de hora en la lista de huecos y de opción en un grupo.
Esc: Cierra diálogos y devuelve el foco al botón que los abrió.
Atajos: Solo con modificador, nunca letras sueltas, y con opción para apagarlos.