Accesibilidad
Hecho para que cualquiera pueda usarlo. Esto es lo que hemos comprobado.
HABLA™ es para alguien en un momento difícil, quizá con un teléfono viejo, quizá con un lector de pantalla. Un producto que baja el umbral para hablar no puede subirlo para las personas con discapacidad. Esta página dice a qué estándar trabajamos, qué se ha probado realmente, qué se sabe que sigue abierto y cómo avisarnos de una barrera.
Última actualización:
Escrita por el equipo que construye HABLA, y todavía sin revisar por nadie más.
Esta declaración la escribió el equipo de ingeniería que construye el sitio. No la ha revisado asesoría jurídica ni una auditoría de accesibilidad independiente, y no es un informe formal de conformidad. Nombra lo que se ha probado y lo que no, que es la única versión de esta página que resiste que alguien la compruebe.
El estándar al que trabajamos
Un solo estándar para cada superficie, y un piso base y no una prestación.
WCAG 2.2, nivel AA
Toda superficie de HABLA apunta a las Pautas de Accesibilidad para el Contenido Web (WCAG) versión 2.2 en el nivel AA: este sitio web y la experiencia de la persona hoy, y la consola administrativa y los informes a medida que se construyen. Nombrar la versión importa: la versión 2.2 añade criterios que afectan directamente a una persona que usa un teléfono en un momento difícil, como el tamaño de los controles, la apariencia del foco y que el foco no quede oculto detrás de un encabezado fijo.
Esta página trata de www.habla.care. La experiencia de la persona se construye al mismo estándar y se prueba de la misma manera, y todavía no es pública.
Un piso base que recibe cada despliegue
La accesibilidad está incluida en todos los planes. No aparece en ningún nivel de precio, en ninguna fila de comparación de prestaciones ni en ningún complemento, y un cliente no puede quitarla. Está en la misma categoría que el umbral de privacidad y los recursos de crisis, porque una persona que no puede usar la experiencia es una persona a la que el producto no llegó.
Qué se prueba realmente, y cómo
Cada punto de esta lista corre en la compuerta de publicación antes de que una versión pueda salir. Está tomado de los propios archivos de prueba, no de la intención.
Auditoría automática de cada página
Cada ruta, en los dos idiomas, pasa por axe-core con su conjunto completo de reglas WCAG 2.0, 2.1 y 2.2 en los niveles A y AA, más la regla que exige que las regiones de la página tengan nombres distintos. La auditoría comprueba que evaluó al menos sesenta reglas en cada página, porque una auditoría recortada devuelve el mismo verde que una completa y este proyecto publicó exactamente eso una vez. Un resultado limpio es el piso, no el estándar: las comprobaciones automáticas encuentran solo una parte de lo que importa.
Teclado, foco y estructura
En un navegador real, la batería de pruebas comprueba que el enlace para saltar al contenido es la primera parada del tabulador y mueve el foco al contenido principal, en los dos idiomas; que cada elemento de navegación se alcanza con el teclado en orden; que un control con foco y el destino de un enlace no quedan ocultos detrás del encabezado; que cada indicador de foco del encabezado y del pie de página se pinta contra el fondo sobre el que está, medido en píxeles; y que cada página tiene exactamente un encabezado de primer nivel y no se salta ningún nivel de encabezado.
- El enlace para saltar al contenido va primero, y funciona.
- Cada anillo de foco medido por contraste.
- Un encabezado de primer nivel por página, sin saltarse ningún nivel.
- El zoom nunca está desactivado, y el idioma de la página está declarado.
Pantallas pequeñas, texto grande y reajuste
Las pruebas en navegador corren en anchos de escritorio, escritorio ancho, tableta y teléfono —1440px, 1280px, 820px, 393px y 360px— y un proyecto aparte corre a 320px, el ancho en el que está definido el criterio WCAG 1.4.10 de reajuste. En cada ancho, cada página se mide con el texto a tamaño normal y al 200%, y nunca debe desplazarse hacia los lados. Otra comprobación mide cada elemento de cada página y falla si alguno se dibuja más ancho que la caja que lo contiene.
Movimiento reducido
Con la preferencia de movimiento reducido activada, cada elemento de cada ruta se mide y no debe tener ninguna animación ni transición perceptible; la misma ruta se mide de nuevo sin la preferencia para demostrar que había movimiento que suprimir. El movimiento se contrae a su estado final en lugar de borrarse, así que nada de lo que explica algo mediante animación deja de explicarlo.
Contraste de color
El contraste de cada color de texto sobre la superficie para la que está nombrado, y de cada anillo de foco sobre su propia superficie, lo calcula una prueba a partir de los tokens de diseño en lugar de copiarse en una tabla. Un token que no alcanza el mínimo hace fallar la compilación.
La experiencia de la persona, antes de ser pública
Cada ruta de la experiencia de la persona se muestra y se puede usar con JavaScript desactivado, y la compuerta de publicación la ejecuta así. Dos cosas no se ofrecen sin scripts, a propósito —la pregunta sobre qué tema importa más, y registrar nada en absoluto—, y las pruebas lo comprueban en lugar de dejarlo pasar como si funcionara. Entrada A-22 del registro. Se audita a 320px en cada una de sus rutas, en los dos idiomas, y los recursos de crisis que incluye están en el propio código de la página y no se cargan después.
Qué no se ha probado
Dicho y no insinuado, porque esta es la parte que quien compra necesita para confiar en el resto.
Todavía nadie que use tecnología de apoyo lo ha probado
Todas las comprobaciones anteriores son automáticas o se hacen en revisión. Todavía no nos hemos sentado con una persona que use un lector de pantalla, un conmutador, control por voz o magnificación a verla usar el sitio. Hasta entonces, la vía para reportar barreras que sigue abajo hace el trabajo que haría esa sesión, y preferimos que nos lo digan a suponerlo. Entrada A-26 del registro.
No existe un informe formal de conformidad
Quien compre y necesite una plantilla VPAT o un informe de conformidad de accesibilidad (ACR) no lo encontrará aquí todavía. Corresponde después de la auditoría de afirmaciones de extremo a extremo, que todavía no se ha hecho, para que diga lo que se verificó y no lo que se esperaba. Pregúntenos, y le diremos en qué punto está ese documento.
Qué se sabe que sigue abierto
Estos puntos están registrados en el propio registro del proyecto, cada uno con la condición que lo cierra. Aquí se enumeran en palabras sencillas.
Un color de borde sin margen
Un color de borde usado en tarjetas mide 3.32 a 1 contra el fondo editorial, donde el mínimo de contraste para elementos que no son texto es de 3 a 1. Lo cumple, por 0.32, y ninguna prueba fija ese valor, así que un cambio en la superficie podría erosionarlo sin que nada lo note. Entrada A-10 del registro.
El espacio no crece cuando se agranda el texto
Todos los tamaños de texto de este sitio están puestos en unidades que siguen el tamaño de letra que elige quien lee, así que subirlo al 150% o al 200% agranda las palabras sin que se corte, se oculte ni se desplace nada hacia los lados: lo medimos en cada ancho para el que construimos, incluidos 320px. Lo que no sigue ese tamaño es el espacio: los márgenes internos, las separaciones y el margen de la página son medidas fijas, así que a medida que las palabras crecen el hueco a su alrededor se queda donde estaba. Con el texto al 200%, el espacio alrededor del contenido de una tarjeta acaba siendo más estrecho que el propio contenido, cuando en el tamaño normal el diseño le da la mitad más. Nada deja de leerse y nada se pierde; la página queda más apretada de como se dibujó, y quien necesita texto grande recibe la versión menos holgada. Corregirlo implica cambiar la unidad en la que está escrito todo el espaciado del sistema, lo que afecta a todas las páginas de HABLA, así que es un trabajo propio con su propia revisión y no algo que se haga de paso. Entrada A-49 del registro.
Una tabla larga cuyo anillo de foco queda fuera de la pantalla
Una de las páginas para liderazgo lleva una tabla que se puede desplazar, y es más alta que la pantalla en la que aparece. Se puede alcanzar con el teclado, como debe ser, y en un teléfono el navegador la desplaza de una forma que deja su borde superior y su anillo de foco por encima del área visible. Nunca queda oculta por completo, así que el requisito del nivel AA se cumple; el mejorado no. Entrada A-30 del registro.
El panel del chat se cierra cuando el foco sale de él, y solo se midió con teclado
El panel de HABLA AI se cierra cuando el foco sale de él, para que un panel flotante nunca quede encima de un control que usted acaba de enfocar. Eso se midió con teclado en cada ancho que ejecutan las pruebas. No se ha medido con un lector de pantalla, donde alguien que siga leyendo más allá del panel podría encontrárselo cerrado a su espalda. Entrada A-28 del registro.
La divulgación del chat se desplaza y en un teléfono pequeño el único aviso es el corte del borde
En un teléfono de 360px de ancho, la divulgación de privacidad del chat llena el panel y el corte en su borde inferior es la única señal de que hay más que leer. Quien se desplaza llega a todo, y el cuadro para escribir está debajo. Entrada A-29 del registro.
El botón del chat todavía queda encima del contenido en pantallas anchas
Por debajo de 1280px el botón del chat va en el flujo de la página y no tapa nada. Por encima de ese ancho flota en la esquina, y arriba del todo todavía se superpone a algún texto en hasta 11 de las 46 páginas de este sitio, medido en cada ancho para el que construimos. En todas se trata del final de un párrafo o de una línea de una lista, y nunca de más de una quinta parte. Lo que sigue abierto es que un control flotante y una página que llena sus propios márgenes no pueden tener los dos esa esquina. Entrada A-34 del registro.
Dos reglas que solo leen este sitio web
El rastreo de estilos que nada usa y el presupuesto de bytes de cada página todavía leen solo este sitio web y no la experiencia de la persona. La experiencia de la persona se midió a mano y estaba limpia; lo que sigue abierto es que nada detectaría que empeore. Entrada F-28 del registro.
Un espacio que nada mide con el texto muy grande
El espacio que el encabezado fijo deja por encima de un control con foco lo afirma una prueba con el texto a tamaño normal y al doble, y con el texto más grande solo en un ancho. Se midió a mano en esos tamaños mayores en todos los anchos para los que construimos y estaba correcto; lo que sigue abierto es que ninguna prueba detectaría un cambio. Entrada F-36 del registro.
El encabezado fijo crece cuando se amplía el texto
A 1280px y a 1440px con el texto al 200%, el encabezado se pliega en su control Menú —la misma barra que recibe un teléfono—, así que la barra fija se queda en 65px en lugar de crecer hasta 95px y todos los destinos siguen siendo alcanzables. Hasta el 14 de septiembre esta cláusula decía que la fila se acomodaba en una segunda línea y que nada de lo que lleva se superponía. La altura era correcta; la segunda mitad no. Se había medido entre los bloques del encabezado y no entre los enlaces que hay dentro de ellos, y medido enlace por enlace había 202px de navegación en inglés y 272px en español sin sitio adonde ir, con el control Contacto dibujado por debajo del selector de idioma. Eso está corregido, y queda escrito aquí porque la frase equivocada se publicó. Lo que sigue abierto es la razón por la que existe esta cláusula: la prueba fija la barra en exactamente 65px y solo se ejecuta con el texto a tamaño normal, así que nada en el repositorio notaría que creciera. Esta es la mitad de escritorio del hueco de la cláusula anterior. Entrada A-38 del registro.
Un fallo de foco señalado en revisión que nuestras propias pruebas no pudieron reproducir
En revisión se informó de que a 360px, 393px y 820px de ancho, con el texto al 200%, un enlace del encabezado con foco quedaba oculto por completo. Al recorrer las mismas páginas con las mismas pulsaciones bajo los dispositivos de prueba de este sitio, todos los enlaces se midieron completamente visibles, tanto en la versión anterior a la corrección como en la posterior. El caso más estrecho que también se señaló, a 320px, sí se reprodujo y está corregido. Lo que sigue abierto es que todavía no podemos decir cómo se produjeron los otros tres números, y escribirlo es mejor que dejarlo caer. Entrada A-37 del registro.
No hemos probado cómo pronuncia P²HI™ un lector de pantalla
El nombre corto de la categoría que este sitio presenta se escribe P²HI, con un superíndice. Los lectores de pantalla suelen leer ese superíndice en voz alta. Algunas voces, con ciertos ajustes, se lo saltan y dicen «P H I» — que en salud y en gobierno significa Protected Health Information, una cosa distinta, y una grafía que este sitio no publica. Todavía no lo hemos escuchado en un lector de pantalla real, así que no afirmamos que esté bien. Donde aparece el nombre corto, la frase completa está al lado, de modo que quien escucha oye Privacy-Preserving Human Intelligence™ en el mismo aliento. Entrada A-73 del registro.
Sin script, la vuelta al formulario abre uno vacío
En la experiencia de la persona, un mensaje que no se puede enviar lleva a una pantalla que ofrece volver al formulario. Donde se ejecuta un script, esa vuelta devuelve a la persona a lo que había escrito. Donde no se ejecuta ninguno es un enlace corriente, así que abre un formulario nuevo con todas las casillas vacías. Nada de lo que la persona escribió se destruye —está un paso más atrás en el navegador—, pero la pantalla no lo dice, y la WCAG 2.2 pide en el nivel A que a nadie se le haga escribir dos veces lo mismo. La experiencia de la persona todavía no es pública. Entrada A-33 del registro.
Reporte una barrera
Si algo en este sitio no le funciona, díganoslo. Una persona lo lee y responde.
Cómo comunicarse con nosotros
Escriba a info@pragmaticsolutions.app, use la página de contacto, o dígaselo a HABLA AI, el chat de esta página, y pídale que lo pase. Las tres vías llegan al mismo buzón y a las mismas personas, y buscamos responder en dos días hábiles. La dirección también aparece en texto sencillo al pie de cada página, así que se puede usar aunque el formulario de contacto sea justo lo que no le funciona.
Ayuda saber en qué página estaba, qué intentaba hacer y qué navegador y tecnología de apoyo usaba, pero nada de eso es obligatorio. Con un mensaje corto basta.
Qué pasa después
Si lo que describe es un defecto, lo corregimos y le avisamos cuando esté corregido. Si no podemos corregirlo pronto, se lo decimos y le damos otra forma de hacer lo que intentaba. Si es una barrera que no conocíamos, entra en el registro de arriba con la condición que la cierra, y esta página se actualiza.
La accesibilidad es el mecanismo de entrega, no una postura de cumplimiento.
HABLA llega a personal de primera línea sin escritorio, a estudiantes, a personas con teléfonos viejos y conexiones lentas, y a lectores en dos idiomas. Una persona que no puede usar la experiencia es una persona a la que el producto no llegó, y ningún umbral, ningún informe y ningún paquete la ayuda.