Instrucciones que no dependen de la vista, el color ni el sonido

«Pulsa el botón verde», «consulta el recuadro de la derecha», «cuando oigas la señal, empieza a hablar». Son instrucciones naturales para quien escribe mirando la pantalla, pero no sirven a quien no distingue el color, no percibe la posición de los elementos o no oye el sonido. El criterio 1.3.3 Características sensoriales es de nivel A, y quien lo cumple o lo incumple es, casi siempre, quien redacta. En esta lección aprenderás a escribir instrucciones y referencias que funcionan con cualquier sentido, con cualquier dispositivo y con cualquier tamaño de pantalla.

Qué exige 1.3.3 Características sensoriales

El criterio 1.3.3 Características sensoriales (nivel A) establece que las instrucciones para entender y utilizar el contenido no deben depender únicamente de características sensoriales de los componentes, como su forma, color, tamaño, ubicación visual, orientación o sonido. La palabra clave es «únicamente»: puedes mencionar el color o la posición de un botón, siempre que la instrucción incluya además otra referencia que no dependa de un sentido, normalmente el texto visible del control.

Característica	Instrucción que falla	Instrucción que funciona
Forma	Pulsa el botón redondo para continuar.	Pulsa «Continuar».
Color	Las fechas en verde tienen plazas.	Las fechas con plazas llevan la indicación «Disponible».
Tamaño	Lee el texto grande antes de empezar.	Lee el aviso «Antes de empezar».
Ubicación	Usa el menú de la izquierda.	Usa el menú «Trámites y servicios».
Sonido	Cuando oigas el pitido, empieza a hablar.	Cuando aparezca el mensaje «Grabando» y suene un pitido, empieza a hablar.

El color en el texto (1.4.1)

El criterio 1.4.1 Uso del color (nivel A) prohíbe que el color sea el único medio visual para transmitir información, indicar una acción, solicitar una respuesta o distinguir un elemento. Lo asociamos al diseño, y lo verás a fondo en el curso N2-C3 sobre color y contraste, pero muchas veces el fallo nace en el texto:

• «Los campos marcados en rojo son obligatorios.»
• «Las líneas en verde son las que tienen descuento.»
• «En el gráfico, la línea azul corresponde a 2025.»
• «Los documentos en gris aún no están disponibles.»

La corrección también es de redacción: añadir una palabra que diga lo mismo que el color («(obligatorio)», «Con descuento», «No disponible todavía») y, en los gráficos, rotular cada serie con su nombre junto a la línea o usar una leyenda que no dependa solo del color.

La posición cambia: móvil, zoom y lectura lineal

Las referencias a la posición («a la derecha», «en la columna lateral», «en el recuadro de arriba») fallan en tres situaciones muy frecuentes:

1. En el móvil y con zoom al 400 %: el criterio 1.4.10 Reajuste de los elementos obliga a que el contenido se pueda leer a 320 px de ancho sin desplazamiento horizontal, lo que normalmente lo reorganiza en una sola columna, así que la columna «de la derecha» pasa a estar debajo.
2. Con lector de pantalla: el contenido se recorre de forma lineal y la persona no percibe qué está a la derecha o a la izquierda.
3. Con magnificador: la persona ve solo una parte de la pantalla cada vez y no tiene una vista de conjunto.

Sustituye la posición por el nombre del apartado y, si puedes, por un enlace: «Consulta el apartado Documentación necesaria». Expresiones como «a continuación» o «como se ha explicado antes» sí funcionan, porque se refieren al orden de lectura, que se mantiene en cualquier dispositivo; «a la derecha» se refiere a la maquetación, que cambia.

Verbos que no presuponen un dispositivo

«Haz clic», «toca», «pasa el ratón por encima» o «arrastra» dan por hecho que la persona usa ratón o pantalla táctil. Pero hay quien navega con teclado, con control por voz, con pulsadores o con los gestos de un lector de pantalla. En instrucciones generales, prefiere verbos neutros:

• Selecciona, elige, marca: para opciones, casillas y listas.
• Pulsa, activa: para botones y enlaces. En España «pulsar» sirve igual para una tecla, un botón en pantalla o una pantalla táctil.
• Escribe, rellena: para campos de texto.
• Abre, ve a: para secciones y páginas.

Cuando la instrucción es específica de un dispositivo (la ayuda de una app que explica sus gestos, por ejemplo), nombrarlo es correcto, pero ofrece la alternativa si existe: «Arrastra los elementos para ordenarlos o usa los botones Subir y Bajar». Esa alternativa, además, es la que exige el criterio 2.5.7 Movimientos de arrastre, que verás en el curso N2-C4.

Infografía · Comparativa

Instrucciones que dependen de los sentidos frente a las que no

Nombra el elemento por su texto visible; la referencia sensorial, solo como complemento

Depende de los sentidos

• Pulsa el botón verde
• Los campos en rojo son obligatorios
• Consulta el recuadro de la derecha
• Cuando oigas el pitido, empieza a hablar
• Haz clic en el icono redondo

Funciona para todos

• Pulsa «Enviar solicitud», el botón verde
• Los campos obligatorios llevan el texto «(obligatorio)»
• Consulta el apartado «Requisitos»
• Cuando aparezca «Grabando» y suene un pitido, habla
• Selecciona «Buscar», el icono de la lupa

Leer la infografía como texto

Comparativa en dos columnas. La columna de la izquierda, «Depende de los sentidos», recoge instrucciones que fallan: «Pulsa el botón verde»; «Los campos en rojo son obligatorios»; «Consulta el recuadro de la derecha»; «Cuando oigas el pitido, empieza a hablar»; «Haz clic en el icono redondo». La columna de la derecha, «Funciona para todos», muestra su versión correcta, en el mismo orden: «Pulsa Enviar solicitud, el botón verde»; «Los campos obligatorios llevan el texto (obligatorio)»; «Consulta el apartado Requisitos»; «Cuando aparezca Grabando y suene un pitido, habla»; «Selecciona Buscar, el icono de la lupa». La idea común es nombrar cada elemento por su texto visible y usar el color, la forma, la posición o el sonido solo como apoyo.

Tutoriales, capturas y guiones

Las instrucciones paso a paso son el terreno donde más se incumple 1.3.3. Tres situaciones típicas:

• Ayudas con capturas de pantalla: «Pulsa donde indica la flecha roja». La captura necesita texto alternativo (curso N2-C2), pero la solución de fondo es que los pasos estén escritos en el texto y nombren cada control: «Pulsa Mis trámites y después Nueva solicitud».
• Vídeos tutoriales: «Como veis aquí, pulsamos esto y ya está». Si la narración nombra las acciones («pulsamos Descargar justificante»), el vídeo se entiende sin verlo y se reduce la necesidad de audiodescripción (curso N2-C5).
• Avisos sonoros y vibraciones: en apps y quioscos, cualquier señal acústica debe acompañarse de un mensaje en texto.

Cómo comprobarlo

• Búsqueda de palabras sensoriales: la del ejercicio anterior es la comprobación más rápida y detecta la mayoría de los casos.
• Prueba del teléfono: lee las instrucciones a un compañero que no ve la pantalla. Si no puede seguirlas, dependen de la vista.
• Vista en móvil y con zoom al 400 %: comprueba si las referencias a la posición siguen siendo ciertas.
• Escala de grises: en Windows, Configuración > Accesibilidad > Filtros de color. Si una instrucción menciona colores que ya no se distinguen, falla 1.4.1.

Resumen

• 1.3.3 Características sensoriales (A): las instrucciones no pueden depender solo de forma, color, tamaño, ubicación, orientación o sonido.
• Nombra siempre el elemento por su texto visible; la referencia sensorial, si ayuda, va como complemento.
• 1.4.1 Uso del color (A) empieza en el texto: añade palabras que digan lo mismo que el color.
• Evita «a la derecha» o «arriba»: la maquetación cambia en el móvil y con zoom; usa el nombre del apartado.
• Usa verbos que valen para cualquier dispositivo y escribe en el texto los pasos de tutoriales y capturas.