Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.1-O»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
== '''1.3.1-O. En los elementos select donde haya diferentes grupos de opciones relacionadas entre sí dichas opciones se deben agrupar mediante el elemento optgroup''' ==
== '''1.3.1-O. Agrupar opciones''' ==
'''A) EJEMPLO ACCESIBLE:'''
<!-- 
  Análisis interno:
  Este criterio impacta principalmente a: Personas con discapacidad visual total y motriz 
  Problema grave: Si las opciones relacionadas no se agrupan con <optgroup>, los usuarios de lectores de pantalla y quienes navegan con teclado pueden confundirse sobre la relación entre las opciones
-->
<html>
<!-- criterio 1.3.1-O -->
<article class="wcag-card">
  <section class="wcag-info">
    <ul>
      <li><span class="label">Nivel:</span><span class="value">A</span></li>
      <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">Formulario</span></li>
      <li><span class="label">Subcategoría:</span><span class="value">Agrupación de opciones</span></li>
    </ul>
  </section>


'''B) EJEMPLO NO ACCESIBLE:'''
  <section class="wcag-users">
    <p>Usuarios más afectados</p>
    <ul>
      <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>
      <li><img src="/images/0/06/Motriz.png" alt="Icono discapacidad motriz" class="icono-discapacidad" /> Personas con discapacidad motriz – <span class="gravedad">Barrera moderada</span></li>
      <li><img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" /> Personas con discapacidad cognitiva – <span class="gravedad">Barrera leve</span></li>
    </ul>
  </section>
</article>
</html>

Revisión del 15:46 23 oct 2025

1.3.1-O. Agrupar opciones

  • Nivel:A
  • Versión:2.2
  • Principio:1. Perceptible
  • Pauta:1.3 Crear contenido adaptable
  • Categoría:Formulario
  • Subcategoría:Agrupación de opciones

Usuarios más afectados

  • Icono de una persona con discapacidad visual Personas con discapacidad visual total - Barrera grave
  • Icono discapacidad motriz Personas con discapacidad motriz – Barrera moderada
  • Icono discapacidad cognitiva Personas con discapacidad cognitiva – Barrera leve