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

De WCAG Wiki
Página creada con «aqui van ejemplos»
 
Sin resumen de edición
 
(No se muestran 5 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
aqui van ejemplos
{{CriterioWCAG
|id_wcag_criterio=1.3.3
|id_wcag_subcriterio=1.3.3-A
|wcag_titulo_criterio=1.3.3-A. Evitar referencias sensoriales exclusivas
|wcag_nivel=A
|wcag_version=2.0
|wcag_principio=1_Perceptible
|wcag_principio_url=Principio_1
|wcag_pauta=1.3_Crear_contenido_adaptable
|wcag_pauta_url=Principio_1/1.3_Crear_contenido_adaptable
|wcag_grupo=Instrucciones
|wcag_subgrupo=Referencias_sensoriales
 
|wcag_discapacidades=
<li class="discapacidad-item">
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:Bajavision.png|20px|class=icon-discapacidad|alt=Discapacidad baja visión]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad baja visión|Baja visión]]</span> –
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
</li>
 
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad baja visión]]
 
|wcag_texto_criterioOAW=
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.
 
|wcag_descripcion_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.
 
|wcag_objetivo=
Asegurar que todos los usuarios comprendan las instrucciones y puedan localizar e identificar elementos sin depender de características exclusivamente visuales o auditivas.
 
|wcag_importancia=
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.
 
|wcag_referencias=
 
<ul>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/general/G96 G96: Providing textual identification of items that otherwise rely only on sensory information to be understood]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F14 F14: Failure of Success Criterion 1.3.3 due to identifying content only by its shape or location]</span></li>
<li><span lang="en">[https://www.w3.org/WAI/WCAG21/Techniques/failures/F26 F26: Failure of Success Criterion 1.3.3 due to using a graphical symbol alone to convey information]</span></li>
</ul>
 
 
|wcag_recursos=
<strong> Consejos </strong>
<ul>
<li>Complementar referencias visuales con texto claro y accesible.</li>
<li>Evitar instrucciones como “haz clic en el botón rojo”.</li>
<li>Utilizar etiquetas, textos visibles o descripciones de propósito.</li>
<li>Emplear múltiples claves: texto + icono + color.</li>
</ul>
 
|wcag_tipo_evaluacion=Manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span>
Localizar todos los elementos de la página que hacen referencia a la forma, tamaño o posición de un objeto o componente.
</li>
<li><span class="paso-badge">Paso 2.</span>
Verificar que dicha referencia contiene información adicional que permite localizar el componente sin conocer su forma, tamaño o posición.
</li>
</ol>
 
 
|wcag_resultado_evaluacion=
Las instrucciones pueden entenderse sin depender exclusivamente de características sensoriales.
 
|wcag_ejemplo_evaluacion=
<div class="accessibility-card">
Se indica claramente qué botón se ha de clicar. No se indica "haz clic en el botón azul".
<pre class="wcag-codigo-html">
<p>Haz clic en el botón “Enviar”.</p>
<button>Enviar</button>
</pre>
 
</div>
 
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>'''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.</li>
<li>'''Lectores de pantalla''': (NVDA, JAWS, VoiceOver) comprobar que las instrucciones son comprensibles sin ver la pantalla y que se identifican claramente los elementos mencionados.</li>
<li>'''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”).</li>
<li>'''Revisión visual sin CSS''': desactivar estilos para asegurar que las instrucciones siguen teniendo sentido sin color, forma u orientación.</li>
</ul>}}

Revisión actual - 09:29 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".

<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...