Técnica Técnicas generales WCAG 2.2
G206Ofrecer una vista del contenido sin desplazamiento lateral
Nombre oficial en el W3C: Proporcionar opciones dentro del contenido para cambiar a una disposición que no requiera desplazamiento horizontal para leer una línea de texto
En pocas palabras
A veces un diseño obliga a desplazarse a los lados para leer una línea de texto, como una memoria anual que copia la versión impresa. En ese caso, la página debe ofrecer una opción para cambiar a otra presentación. En esa otra vista, cada línea se lee entera sin desplazarse en horizontal.
Por qué es importante
Mover la página a izquierda y derecha en cada línea hace perder el hilo. Es muy difícil para personas con baja visión que amplían el texto y para personas con discapacidad cognitiva.
Cuando no se quiere o no se puede cambiar el diseño original, una vista alternativa resuelve el problema. Es una técnica para los criterios 1.4.10 (nivel AA) y 1.4.8 (nivel AAA).
Cómo se hace
- Añada en la propia página un control visible, por ejemplo un botón «Ver en una columna».
- Ese control debe cambiar la hoja de estilos por otra en la que el texto se adapte al ancho de la ventana (técnica C29).
- La vista alternativa debe tener el mismo contenido y las mismas funciones que la original.
- Coloque el control al principio, donde se encuentre fácilmente, también con el teclado.
- Recuerde que sí se admite desplazarse a los lados para llegar a otra parte, como las columnas de una hoja de cálculo. Lo que no se admite es tener que hacerlo para leer una misma línea.
Cómo comprobarlo
- Abra la página con la ventana a pantalla completa.
- Compruebe que existe una opción para cambiar a una vista sin desplazamiento horizontal.
- Actívela y compruebe que puede leer cada línea entera sin desplazarse a los lados.
- Para el criterio 1.4.10, repita la prueba con la ventana a 320 píxeles de ancho, por ejemplo con el zoom al 400 % en una pantalla de 1280 píxeles.
Ver el texto completo del W3C (traducción al español)
Esta es una traducción no oficial al español de la técnica G206 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.
Aplicabilidad
Todas las tecnologías que admiten el cambio de estilos
Descripción
Puede haber situaciones en las que el autor necesite utilizar una disposición que requiera desplazamiento horizontal. En ese caso, es suficiente proporcionar opciones dentro del contenido que cambien a una disposición que no obligue al usuario a desplazarse horizontalmente para leer una línea de texto. Esto puede lograrse utilizando la tecnología estándar de cambio de estilos.
Cabe señalar que también es suficiente disponer el contenido de tal forma que se requiera desplazamiento horizontal para acceder al contenido, pero que no sea necesario desplazarse horizontalmente para leer una línea de texto.
Por ejemplo, una hoja de cálculo que requiere desplazamiento horizontal es aceptable si no es necesario desplazarse horizontalmente dentro de cada columna individual (es decir, el desplazamiento solo es necesario para ver otras columnas, pero no para ver los bordes izquierdo o derecho de cada columna individual).
Esta técnica puede utilizarse en combinación con una técnica de cambio de estilos para presentar una página que sea una versión alternativa conforme de un contenido no conforme. Consulte C29: Usar un selector de estilos para proporcionar una versión alternativa conforme y Comprender las versiones alternativas conformes para obtener más información.
Ejemplos
Una empresa inmobiliaria tiene un informe anual en línea con una disposición idéntica a la de su versión impresa y que, por ello, requiere desplazamiento horizontal para leer una línea de texto. En la página hay un control que cambia la hoja de estilos y proporciona una disposición que no requiere desplazamiento horizontal.
Una hoja de cálculo financiera está publicada en línea. Incluye un texto que explica los cambios del mercado inmobiliario en enero. Fuera de la pantalla, a la derecha, hay una columna con una explicación de los cambios del mercado en septiembre. El usuario puede desplazarse horizontalmente hasta la zona de septiembre y leer cada línea de texto sin más desplazamientos cuando la ventana está maximizada.
Pruebas
Procedimiento
- Abrir el contenido que requiere desplazamiento horizontal en una ventana a pantalla completa.
- Comprobar que existe una opción dentro del contenido para cambiar a una disposición que no obligue al usuario a desplazarse horizontalmente para leer una línea de texto.
- Activar la opción.
- Comprobar que no se requiere desplazamiento horizontal para leer ninguna línea de texto.
Resultados esperados
- Las comprobaciones n.º 2 y n.º 4 son verdaderas.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica G206 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.