Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung →
Barrierefreiheit
¿Por qué instrucciones como «el botón verde a la derecha» no son suficientes en sitios web?
Instrucciones como «el botón verde a la derecha» no son suficientes, porque se basan únicamente en la visión y el orden de la pantalla. Un visitante ciego no conoce colores ni posiciones, y en el móvil lo «derecha» a menudo se desplaza hacia abajo. Las instrucciones deben funcionar también a través del nombre del elemento: «Haga clic en 'Enviar'».
Instrucciones que funcionan para todos
Esta regla afecta las formulaciones en su sitio web. «Rellene el campo a la derecha», «haga clic en el botón redondo», «las ofertas marcadas en rojo son solo para hoy» — todo esto presupone que el visitante percibe formas, colores y posiciones. Un visitante ciego escucha estas oraciones y queda sin saber: su programa lector no conoce «derecha» ni «rojo». También las personas con deficiencia de color — hay muchas — fracasan ante indicaciones basadas solo en el color. La solución es simple: nombre el elemento. «Haga clic en 'Solicitar oferta'» funciona para todos, porque el programa lector lo anunciará y sigue siendo lo mismo en el móvil.
Cómo abordamos este criterio en nuestra auditoría
Si una frase como «el botón a la derecha» aparece en algún lugar de su página es una cuestión de comprensión del lenguaje — una máquina puede buscar en los textos estos patrones, pero no puede decidir con seguridad si una formulación es realmente la única orientación en el contexto o si hay una alternativa nombrada al lado. Nuestro sistema de medición se adhiere a su principio: no afirma lo que no puede medir de forma fiable. Por eso el criterio aparece en el informe como un punto de verificación humano. En el estándar Gold, un auditor lee sus textos de instrucciones y formularios y marca cada lugar que se basa solo en color, forma o posición.
Beispiele
Hinweis nur über Form und Lage
<p>Klicken Sie auf den runden Knopf rechts, um fortzufahren.</p><p>Klicken Sie auf „Weiter“, um fortzufahren.</p>Wer die Seite hört oder linear liest, hat kein „rechts“ und keinen „runden Knopf“. Der Name des Elements trägt.
- Busque en sus textos palabras como «derecha», «izquierda», «arriba», «abajo», «rojo» y «verde» — y agregue el nombre del elemento en estos lugares.
- Formule instrucciones con el texto de la etiqueta visible: «Haga clic en 'Siguiente'» en lugar de «haga clic abajo».
- Compruebe formularios: los campos obligatorios deben estar marcados con una palabra como «Campo obligatorio», no solo con un color o un asterisco.
- Pida a su equipo editorial que lea en voz alta los nuevos textos de instrucciones — las indicaciones de posición se notan inmediatamente.
- Piense en la vista móvil: lo que está a la derecha en la pantalla grande a menudo se desplaza hacia abajo.