Addaw, ir a inicio Donar

Fallo común WCAG 2.2

F14Instrucciones que solo dicen dónde está algo o qué forma tiene

Nombre oficial en el W3C: Fallo del criterio de conformidad 1.3.3 debido a identificar el contenido únicamente por su forma o su ubicación

En pocas palabras

Este error se da cuando un texto señala otra parte de la página solo por su posición o su forma. Por ejemplo: «pulse el botón de la derecha» o «use el botón redondo». Quien no ve la pantalla, o la ve ampliada o en un móvil, no encuentra lo que se le indica.

Por qué es importante

Las referencias visuales solo sirven a quien ve la página entera y con el mismo diseño.

  • Una persona ciega con lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) no sabe qué está «a la derecha» ni qué botón es «el redondo».
  • Quien usa un ampliador ve solo un trozo de la pantalla cada vez.
  • En el móvil, la columna «de la derecha» suele aparecer debajo del contenido principal.

En la práctica, la persona no encuentra el botón de enviar, el enlace de ayuda o el bloque de documentos.

Cómo evitarlo

  1. Nombre los elementos por su texto o su función: «pulse Enviar solicitud», no «pulse el botón verde de abajo».
  2. Si se refiere a una sección, dele un encabezado y cítelo: «consulte el apartado Documentación necesaria».
  3. Si ayuda, añada un enlace interno que lleve directamente a esa parte de la página.
  4. Puede mencionar la posición o la forma, pero siempre junto al nombre: «el botón Siguiente, a la derecha».
  5. Revise también los textos de ayuda de formularios, tutoriales y preguntas frecuentes.

Cómo comprobarlo

  1. Busque en la página expresiones como «a la derecha», «arriba», «abajo», «en la columna lateral», «el botón redondo» o «el icono verde».
  2. Para cada una, compruebe que el elemento también se nombra por su texto, su encabezado o su etiqueta.
  3. Estreche la ventana al ancho de un móvil o amplíe la página al 400 %. Compruebe que las instrucciones siguen teniendo sentido.
  4. Con un lector de pantalla, intente seguir las instrucciones sin mirar la pantalla.

Ejemplo

Instrucción en un formulario de cita previa.

<!-- Incorrecto: solo indica la posición -->
<p>Para continuar, pulse el botón de la derecha.</p>

<!-- Correcto: nombra el botón por su texto -->
<p>Para continuar, pulse el botón «Elegir fecha».</p>
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 F14 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.

Descripción

El objetivo de esta técnica es mostrar cómo identificar el contenido únicamente por su forma visual o su ubicación hace que el contenido sea difícil de comprender y de manejar. Cuando solo se utiliza la identificación visual o la ubicación, los usuarios con discapacidades visuales pueden tener dificultades para localizar el contenido, ya que no ven la pantalla o solo perciben una pequeña parte de ella en cada momento. Además, la ubicación del contenido puede variar si la disposición de la página cambia por variaciones en la fuente, en la ventana o en el tamaño de la pantalla.

Ejemplos

  • Las instrucciones de navegación de un sitio indican: «Para ir a la página siguiente, pulse el botón de la derecha. Para volver a la página anterior, pulse el botón de la izquierda».
  • Un usuario está leyendo un artículo en un periódico en línea. El artículo contiene una ilustración y enlaces adicionales con más información. Dentro del texto del artículo hay una frase que dice: «Consulte la barra lateral a la izquierda de la ilustración para ver enlaces con información adicional». Un usuario de tecnología de asistencia tendría dificultades para encontrar la ilustración y la barra lateral. Algunas alternativas serían incluir la lista de enlaces dentro del texto; proporcionar en el texto un enlace interno de la página que lleve a la barra lateral; o proporcionar un encabezado para la barra lateral que pueda usarse para navegar y hacer referencia a ese encabezado en las instrucciones.
  • Un usuario está rellenando una encuesta en línea. Hay tres botones en la parte inferior del formulario de la encuesta. Las instrucciones indican: «Pulse el botón cuadrado para salir de la encuesta sin guardar. Pulse el botón triangular para guardar los resultados parciales de la encuesta. Podrá volver más tarde para completarla. Pulse el botón redondo para enviar los resultados de la encuesta». Un usuario de lector de pantalla o un usuario que no pueda distinguir formas no puede determinar qué botón es cuadrado, triangular o redondo. Los botones deben llevar información adicional que indique su función o su forma.

Pruebas

Procedimiento

  1. Examinar la página web en busca de referencias textuales a contenido de la propia página web.
  2. Comprobar que las referencias no se basan únicamente en la forma visual o en la ubicación del contenido.

Resultados esperados

  • Si la comprobación n.º 2 es falsa, se da esta condición de fallo y el contenido falla este criterio de conformidad.

Cómo lo comprobamos en ADDAW

Este error es uno de los que buscamos en cada auditoría de ADDAW. Se lo entregamos con capturas y la forma de corregirlo.

Solicitar una auditoría

Basado en la técnica F14 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.