Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Por qué deben ajustarse el espaciado de líneas y caracteres en los sitios web?
El espaciado entre líneas y caracteres debe ser ajustable porque las personas con dificultades de lectura u otros discapacidades visuales a menudo solo pueden leer fluidamente con espacios expandidos. Utilizan configuraciones del navegador o programas auxiliares para esto. Su sitio web debe tolerar este ajuste: ningún texto debe cortarse en el proceso, y ningún código debe hacer que los espacios sean inmutables.
Los espacios expandidos hacen que los textos sean legibles
Para personas con dislexia, las líneas apretadas se desvanecen juntas - más aire entre líneas y letras convierte una pared de texto gris nuevamente en oraciones legibles. El estándar define para esto valores de ajuste concretos que un sitio web debe tolerar sin daño: espaciado entre líneas al 1.5 veces del tamaño de la fuente, espacios expandidos entre letras, palabras y párrafos. Los visitantes establecen estos valores ellos mismos: su sitio web no debe establecerlos, sino simplemente permitirlos. Los problemas surgen en dos lugares: Cuadros de texto con altura hardcoded cortan el texto crecido, y el código que fija espacios con declaraciones de prioridad hace que el ajuste sea inútil desde el principio.
Así es como nuestro núcleo de medición verifica los espacios de texto
La comprobación funciona en dos sentidos. Primero, el núcleo de medición realiza la prueba de dureza realmente: configura los valores de espaciado del estándar en vivo en su página y mide si el texto se corta en el proceso - cada lugar cortado es un caso de prueba documentado. Segundo, busca en las reglas de diseño de su página las instrucciones de espaciado con marcas de prioridad que bloquean los ajustes - tales fijaciones son objetivamente demostrables y se consideran una violación. Si todo permanece sin características, el criterio deliberadamente nunca se aprueba automáticamente: que nada se notó durante la prueba aún no es prueba de cada posición de texto. El juicio final lo emite una persona en el estándar Gold.
Beispiele
Text bricht bei größeren Abständen
.teaser { height: 3.6em; overflow: hidden; line-height: 1.2; letter-spacing: 0; }.teaser { min-height: 3.6em; line-height: 1.5; }Besucher dürfen Zeilenabstand 1,5, Absatzabstand 2, Buchstabenabstand 0,12 und Wortabstand 0,16 setzen; nichts darf dann abgeschnitten werden.
- Pida a su agencia que elimine las instrucciones de espaciado con marcas de prioridad de las reglas de diseño (en el código "!important").
- Deje que los cuadros de texto crezcan en altura en lugar de darles alturas de píxel fijas.
- Pruebe sus páginas más importantes con una extensión del navegador para espacios de texto - el texto claramente cortado es un hallazgo.
- Preste especial atención a los diseños de mosaicos y tarjetas con extractos de texto cortos - aquí es donde el texto crecido se corta más frecuentemente.
- Planifique espacios básicos generosos desde el principio: lo que se establece con aire casi siempre tolera la expansión.