Todo esto es comprobable. Abra la página, pruébelo y avísenos si falla.
01Contraste medido token a token
Cada pareja de colores se midió antes de usarla y la proporción está escrita junto al color en el código: texto de lectura 13,1 a 1, texto atenuado 5,39 a 1, el latón 4,71 a 1 sobre fondo claro y 8,36 a 1 sobre fondo oscuro, bordes de campo 3,5 a 1. El mínimo que pide la norma es 4,5 a 1 para texto y 3 a 1 para controles.
02Foco visible en todo elemento interactivo
Un contorno de dos píxeles en el color de acento, separado tres píxeles del elemento, en enlaces, botones, campos de formulario, selector de idioma y control de antes y después. Nada en la hoja de estilos lo quita, en ningún estado.
03Todo el sitio funciona con el teclado
El tabulador llega a cada enlace, botón y campo en el orden en que se leen. El comparador de antes y después se mueve con las flechas porque es un control de rango real, no un script pegado a un div. La navegación tiene cinco entradas, así que llegar al contenido desde arriba cuesta unas pocas pulsaciones.
04Áreas táctiles de 44 píxeles como mínimo
Los botones miden 48 píxeles de alto, los compactos 44, y lo mismo el selector de idioma y cada elemento de la barra de contacto del móvil. Aquí nada exige puntería.
05Texto alternativo real en las imágenes informativas
Las fotografías de proyecto dicen qué estancia es y qué se hizo en ella, no "cocina 1". Las parejas de antes y después describen cada estado por separado, de modo que la comparación existe también en texto. Lo decorativo se oculta al lector de pantalla en vez de leerse como ruido.
06Se respeta la preferencia de movimiento reducido
Si su sistema pide menos movimiento, las transiciones y las entradas se apagan. De partida no hay nada que gire, se reproduzca solo o se mueva en bucle. El héroe es una fotografía fija.
07Encabezados en orden y un solo h1 por página
Se puede recorrer la página por su estructura y obtener un índice con sentido. Las listas son listas, cada campo tiene su etiqueta asociada, las ayudas están vinculadas a su campo y los errores de validación se anuncian cuando aparecen, no solo se ponen en rojo.
08Aguanta la ampliación
El texto se sigue leyendo al 200 por ciento y la maqueta se recoloca en una columna en vez de obligarle a desplazarse en horizontal. Los tamaños van en unidades relativas, así que se respeta el tamaño de letra de su navegador.
09El contenido llega antes que los scripts
Las páginas se generan en el servidor. El texto, los enlaces y el formulario están ahí aunque un script falle o esté bloqueado.
10Cada idioma tiene dirección propia
Inglés y español son páginas distintas y cada una declara su idioma en el marcado. Un lector de pantalla pronuncia en español las páginas en español. El sitio anterior pasaba un traductor automático por encima de un documento en inglés, que se leía como inglés con palabras españolas dentro.