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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''1.3.3-A. Evitar referencias sensoriales exclusivas ''' ==
{{CriterioWCAG
<!-- 
|id_wcag_criterio=1.3.3
  Análisis interno:
|id_wcag_subcriterio=1.3.3-A
  Este criterio impacta principalmente a: Personas con discapacidad visual total y auditiva 
|wcag_titulo_criterio=1.3.3-A. Evitar referencias sensoriales exclusivas
  Problema grave: Las instrucciones que dependen solo de características sensoriales (color, forma, sonido) impiden que personas con ceguera, baja visión o sordera comprendan cómo interactuar con el contenido. 
|wcag_nivel=A
-->
|wcag_version=2.2
<html>
|wcag_principio=1_Perceptible
<!-- criterio 1.3.3-A -->
|wcag_principio_url=Principio_1
<article class="wcag-card">
|wcag_pauta=1.3_Crear_contenido_adaptable
  <section class="wcag-info">
|wcag_pauta_url=Principio_1/1.3_Crear_contenido_adaptable
    <ul>
|wcag_grupo=Instrucciones
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
|wcag_subgrupo=Referencias_sensoriales
      <li><span class="label">Versión:</span><span class="value">2.2</span></li>
      <li><span class="label">Principio:</span><span class="value">1. Perceptible</span></li>
      <li><span class="label">Pauta:</span><span class="value">1.3 Crear contenido adaptable</span></li>
      <li><span class="label">Categoría:</span><span class="value">Instrucciones</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Referencias sensoriales</span></li>
    </ul>
  </section>


   <section class="wcag-users">
|wcag_discapacidades=
    <p>Usuarios más afectados</p>
<li class="discapacidad-item">
    <ul>
  [[Archivo:Sinvision.png|20px|class=icon-discapacidad|alt=Discapacidad visual total]]
      <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" /> Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></li>
   <span class="discapacidad-texto">[[:Categoría:Discapacidad visual total|Visual total]]</span> –
      <li><img src="/images/2/22/Auditiva.png" alt="Icono discapacidad auditiva" class="icono-discapacidad" /> Personas con discapacidad auditiva – <span class="gravedad">Barrera grave</span></li>
  <span class="gravedad gravedad-grave">Barrera grave</span>
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera moderada</span></li>
</li>
    </ul>
<li class="discapacidad-item">
  </section>
  [[Archivo:Auditiva.png|20px|class=icon-discapacidad|alt=Discapacidad auditiva]]
</article>
  <span class="discapacidad-texto">[[:Categoría:Discapacidad auditiva|Auditiva]]</span> –
</html>
  <span class="gravedad gravedad-grave">Barrera grave</span>
</li>
<li class="discapacidad-item">
  [[Archivo:Cognitiva.png|20px|class=icon-discapacidad|alt=Discapacidad cognitiva]]
  <span class="discapacidad-texto">[[:Categoría:Discapacidad cognitiva|Cognitiva]]</span> –
  <span class="gravedad gravedad-moderada">Barrera moderada</span>
</li>
 
|wcag_lista_discapacidades=
[[Categoría:Discapacidad visual total]]
[[Categoría:Discapacidad auditiva]]
[[Categoría:Discapacidad cognitiva]]
 
|wcag_texto_criterioOAW=
Las instrucciones proporcionadas para entender y manejar el contenido no dependen exclusivamente de las características sensoriales de los componentes como su forma, color, tamaño, ubicación visual, orientación o sonido. :contentReference[oaicite:0]{index=0}
 
|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>G96: Providing textual identification of items that otherwise rely only on sensory information</li>
<li>F14: Failure due to identifying content only by its shape or location</li>
<li>F26: Failure due to using only a graphical symbol to convey information</li>
</ul> :contentReference[oaicite:1]{index=1}
 
|wcag_recursos=
<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=Comprobación manual
 
|wcag_pasos_evaluacion=
<ol class="paso-list">
<li><span class="paso-badge">Paso 1.</span> Identificar instrucciones que dependen de color, forma, tamaño o posición.</li>
<li><span class="paso-badge">Paso 2.</span> Comprobar que existe texto o pista accesible que permita localizar el elemento sin depender de esa característica sensorial.</li>
</ol> :contentReference[oaicite:2]{index=2}
 
|wcag_resultado_evaluacion=
Las instrucciones pueden entenderse sin depender exclusivamente de características sensoriales.
 
|wcag_ejemplo_evaluacion=
Ejemplo accesible:
<div class="accessibility-card">
<pre class="wcag-codigo-html">
<p>Haz clic en el botón “Enviar”.</p>
<button>Enviar</button>
</pre>
</div>
 
Ejemplo no accesible:
<div class="accessibility-card-error">
<pre class="wcag-codigo-html">
<p>Haz clic en el botón redondo de la derecha.</p>
<button style="border-radius:50%"> </button>
</pre>
</div>
 
|wcag_otras_herramientas_evaluacion=
<ul>
<li>Inspección de código</li>
<li>Lectores de pantalla</li>
</ul>
}}

Revisión del 18:52 4 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)

  • Las instrucciones proporcionadas para entender y manejar el contenido no dependen exclusivamente de las características sensoriales de los componentes como su forma, color, tamaño, ubicación visual, orientación o sonido. :contentReference[oaicite:0]{index=0}

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

  • G96: Providing textual identification of items that otherwise rely only on sensory information
  • F14: Failure due to identifying content only by its shape or location
  • F26: Failure due to using only a graphical symbol to convey information
:contentReference[oaicite:1]{index=1}

Recursos de apoyo

  • 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 Comprobación manual

Procedimiento de evaluación

  1. Paso 1. Identificar instrucciones que dependen de color, forma, tamaño o posición.
  2. Paso 2. Comprobar que existe texto o pista accesible que permita localizar el elemento sin depender de esa característica sensorial.
:contentReference[oaicite:2]{index=2}

Resultado esperado

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

Ejemplo

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

Ejemplo no accesible: 

<p>Haz clic en el botón redondo de la derecha.</p>
<button style="border-radius:50%"> </button>

Otras herramientas de evaluación

  • Inspección de código
  • Lectores de pantalla










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




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.3_Adaptable/1.3.3-A&oldid=3335»