Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.3-A»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 86: Línea 86:
<button>Enviar</button>
<button>Enviar</button>
</pre>
</pre>
</div>
</div>
</div>



Revisión del 09:28 5 nov 2025

1.3.3-A. Evitar referencias sensoriales exclusivas

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • La información y las instrucciones dadas a los usuarios para entender y operar el contenido no deben depender exclusivamente de las características sensoriales de los elementos como su forma, tamaño, ubicación visual, orientación o sonido.

Comprensión del criterio

Descripción resumida

Las instrucciones no deben basarse únicamente en atributos sensoriales como el color, forma, tamaño, orientación o sonido. Se debe proporcionar información textual o alternativa adicional para que cualquier persona pueda comprenderla, incluyendo usuarios de lectores de pantalla o personas con dificultades para percibir estímulos visuales o auditivos.

Objetivo

Asegurar que todos los usuarios comprendan las instrucciones y puedan localizar e identificar elementos sin depender de características exclusivamente visuales o auditivas.

Importancia de cumplir el criterio

Si las instrucciones se basan solo en color, forma, ubicación o sonido, las personas con ceguera, baja visión, sordera o dificultades cognitivas pueden no comprender cómo interactuar con el contenido.

Referencias WCAG

Recursos de apoyo

Consejos
  • Complementar referencias visuales con texto claro y accesible.
  • Evitar instrucciones como “haz clic en el botón rojo”.
  • Utilizar etiquetas, textos visibles o descripciones de propósito.
  • Emplear múltiples claves: texto + icono + color.

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Localizar todos los elementos de la página que hacen referencia a la forma, tamaño o posición de un objeto o componente.
  2. Paso 2. Verificar que dicha referencia contiene información adicional que permite localizar el componente sin conocer su forma, tamaño o posición.

Resultado esperado

Las instrucciones pueden entenderse sin depender exclusivamente de características sensoriales.

Ejemplo

Se indica claramente qué botón se ha de clicar. No se indica "haz clic en el botón azul". Ejemplo accesible:

<p>Haz clic en el botón “Enviar”.</p>
<button>Enviar</button>

Otras herramientas de evaluación

  • Inspección del navegador: revisar que las instrucciones no dependan únicamente de elementos sensoriales (p. ej.: “haz clic en el botón redondo”, “usa el menú de la derecha”, “rellena el campo azul”). Comprobar presencia de texto descriptivo claro y no visual-dependiente.
  • Lectores de pantalla: (NVDA, JAWS, VoiceOver) comprobar que las instrucciones son comprensibles sin ver la pantalla y que se identifican claramente los elementos mencionados.
  • Navegación por teclado: verificar que las instrucciones funcionan sin referencia a posición (p. ej. tabulando no importa si un botón está “abajo a la izquierda”).
  • Revisión visual sin CSS: desactivar estilos para asegurar que las instrucciones siguen teniendo sentido sin color, forma u orientación.










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.3-A. Evitar referencias sensoriales exclusivas

Loading comments...