Diferencia entre revisiones de «Página principal»

De WCAG Wiki
Sin resumen de edición
Página reemplazada por «__NOTOC__ == Listado de Pautas y Principios WCAG == <div class="pf-instruccion"> El propósito de este sitio web es únicamente '''presentar de forma más sencilla las pautas WCAG y explicar como se evalúan'''. <br/> La información de esta wiki proviene de diversas fuentes de información: * Consultar las fuentes de información </div> <categorytree mode="all"> Principio1 </categorytree> <categorytree mode="all"> Principio2 </c…»
Etiqueta: Reemplazo
 
(No se muestran 10 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
 
__NOTOC__


== Listado de Pautas y Principios WCAG ==
== Listado de Pautas y Principios WCAG ==
Línea 9: Línea 9:
* [[Fuentes_informacion_wiki|Consultar las fuentes de información]]
* [[Fuentes_informacion_wiki|Consultar las fuentes de información]]
</div>
</div>
<span id="expandAll" class="btn_1 btn-outline-primary">Expandir todo</span>
<span id="collapseAll" class="btn_1 btn-outline-primary">Colapsar todo</span>
<div class="mw-collapsible mw-collapsed wcag-tree wcag-level-principio" data-expandtext="▶" data-collapsetext="▼">[[Principio 1|Principio 1: Perceptible]]
<div class="mw-collapsible-content">
<ul>
  <!-- PAUTA 1.1 -->
  <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-pauta" data-expandtext="▶" data-collapsetext="▼">
    [[Principio_1/1.1_Texto_Alternativo|Pauta 1.1 Texto Alternativo]]
    <div class="mw-collapsible-content">
      <ul>
        <!-- CRITERIO 1.1.1 -->
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio 1/1.1 Texto Alternativo#1.1.1 - Texto alternativo - Nivel: A|1.1.1 — Texto alternativo (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-A|1.1.1-A. Alternativa textual breve obligatoria]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-B|1.1.1-B. Actualización de alternativas textuales]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-C|1.1.1-C. Imágenes CSS solo decorativas]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-D|1.1.1-D. Alternativa única para grupos de imágenes]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-E|1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-F|1.1.1-F. Incluir una alternativa larga cuando la corta no basta]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-G|1.1.1-G. Texto alternativo en imágenes funcionales]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-H|1.1.1-H. Combinación de enlaces e imágenes]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-I|1.1.1-I. Alternativa breve para contenido sensorial]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-J|1.1.1-J. Alternativa textual para CAPTCHAs]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-K|1.1.1-K. Imágenes decorativas]]</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </li>
  <!-- PAUTA 1.2 -->
  <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-pauta" data-expandtext="▶" data-collapsetext="▼">
    [[Principio_1/1.2_Medios_basados_en_el_tiempo|Pauta 1.2 Medios basados en el tiempo]]
    <div class="mw-collapsible-content">
      <ul>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.1-A|1.2.1 — Sólo audio y sólo vídeo (Grabado) (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.1-A|1.2.1-A. Sólo audio (grabado)]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.1-B|1.2.1-B. Sólo vídeo (grabado)]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.2-A|1.2.2 — Subtítulos (Grabados) (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.2-A|1.2.2-A. Subtítulos grabados]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.3-A|1.2.3 — Audiodescripción o medio alternativo (Grabado) (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.3-A|1.2.3-A. Audiodescripción grabada o medio alternativo]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.4-AA|1.2.4 — Subtítulos (Directo) (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.4-A|1.2.4-A. Subtítulos en directo]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.5-AA|1.2.5 — Audiodescripción (Grabada) (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.5-A|1.2.5-A. Audiodescripción grabada]]</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </li>
  <!-- PAUTA 1.3 -->
  <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-pauta" data-expandtext="▶" data-collapsetext="▼">
    [[Principio_1/1.3_Adaptable|Pauta 1.3 Adaptable]]
    <div class="mw-collapsible-content">
      <ul>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.3_Adaptable/1.3.1-A|1.3.1 — Información y relaciones (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-A|1.3.1-A. Encabezados adecuados]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-B|1.3.1-B. Evitar falsos encabezados]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-C|1.3.1-C. Estructura lógica de encabezados]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-D|1.3.1-D. Listas estructuradas]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-E|1.3.1-E. Evitar listas decorativas]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-F|1.3.1-F. Tablas estructuradas]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-G|1.3.1-G. Celdas de encabezado identificadas]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-H|1.3.1-H. Asociación entre celdas]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-I|1.3.1-I. Uso de caption]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-J|1.3.1-J. Uso de summary]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-K|1.3.1-K. Evitar duplicar caption y summary]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-L|1.3.1-L. Tablas de maquetación limpias]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-M|1.3.1-M. Etiquetas de formulario]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-N|1.3.1-N. Agrupar campos relacionados]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-O|1.3.1-O. Agrupar opciones]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-P|1.3.1-P. Color e información]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.1-Q|1.3.1-Q. Marcado semántico general]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.3_Adaptable/1.3.2-A|1.3.2 — Secuencia significativa (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.2-A|1.3.2-A. Orden lógico de lectura]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.2-B|1.3.2-B. Tablas de maquetación legibles]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.2-C|1.3.2-C. Dirección del texto]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.3_Adaptable/1.3.3-A|1.3.3 — Características sensoriales (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.3-A|1.3.3-A. Evitar referencias sensoriales exclusivas]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.3_Adaptable/1.3.4-AA|1.3.4 — Orientación (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.4-A|1.3.4-A. Contenido adaptable a la orientación]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.3_Adaptable/1.3.5-AA|1.3.5 — Identificar el propósito de la entrada (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.3_Adaptable/1.3.5-A|1.3.5-A. Propósito de los campos de datos]]</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </li>
  <!-- PAUTA 1.4 -->
  <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-pauta" data-expandtext="▶" data-collapsetext="▼">
    [[Principio_1/1.4_Distinguible|Pauta 1.4 Distinguible]]
    <div class="mw-collapsible-content">
      <ul>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.1-A|1.4.1 — Uso del color (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.1-A|1.4.1-A. No usar solo el color para transmitir información]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.1-B|1.4.1-B. Diferenciar los enlaces del texto circundante]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.1-C|1.4.1-C. Evitar el color como único recurso en imágenes]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.2-A|1.4.2 — Control del audio (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.2-A|1.4.2-A. Control del sonido automático]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.3-AA|1.4.3 — Contraste (mínimo) (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.3-A|1.4.3-A. Contraste mínimo en texto normal]]</li>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.3-B|1.4.3-B. Contraste mínimo en texto grande]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.4-AA|1.4.4 — Cambio de tamaño del texto (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.4-A|1.4.4-A. Redimensionar texto sin pérdida]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.5-AA|1.4.5 — Imágenes de texto (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.5-A|1.4.5-A. Evitar imágenes para representar texto]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.10-AA|1.4.10 — Reflow (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.10-A|1.4.10-A. Evitar scroll en dos dimensiones]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.11-AA|1.4.11 — Contraste de contenido no textual (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.11-A|1.4.11-A. Contraste en componentes y gráficos]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.12-AA|1.4.12 — Espaciado del texto (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.12-A|1.4.12-A. Ajustes de espaciado del texto]]</li>
            </ul>
          </div>
        </li>
        <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
          [[Principio_1/1.4_Distinguible/1.4.13-AA|1.4.13 — Contenido con hover o focus (AA)]]
          <div class="mw-collapsible-content">
            <ul>
              <li class="wcag-level-subcriterio">[[Principio_1/1.4_Distinguible/1.4.13-A|1.4.13-A. Control de contenido emergente por hover o focus]]</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </li>
</ul>
</div>
</div>
<!-- -->
<div class="mw-collapsible mw-collapsed wcag-tree wcag-level-principio" data-expandtext="▶" data-collapsetext="▼">[[Principio 1|Principio 1: Perceptible]]
<div class="mw-collapsible-content">
<ul>
<li class="mw-collapsible mw-collapsed wcag-tree wcag-level-pauta" data-expandtext="▶" data-collapsetext="▼">
  [[Principio_1/1.1_Texto_Alternativo|Pauta 1.1 Texto Alternativo]]
  <div class="mw-collapsible-content">
    <ul>
      <li class="mw-collapsible mw-collapsed wcag-tree wcag-level-criterio" data-expandtext="▶" data-collapsetext="▼">
        [[Principio 1/1.1 Texto Alternativo#1.1.1 - Texto alternativo - Nivel: A|1.1.1 — Texto alternativo (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-A|1.1.1-A. Alternativa textual breve obligatoria]]</li>
            <li class="wcag-level-subcriterio">[[Principio_1/1.1_Texto_Alternativo/1.1.1-B|1.1.1-B. Actualización de alternativas textuales]]</li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
</li>
</ul>
</div>
</div>
<div class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">[[Principio 1|Principio 1: Perceptible]]
<div class="mw-collapsible-content">
<ul>
  <!-- PAUTA 1.1 -->
  <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
    [[Principio_1/1.1_Texto_Alternativo|Pauta 1.1 Texto Alternativo]]
    <div class="mw-collapsible-content">
      <ul>
        <!-- CRITERIO 1.1.1 -->
        <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
          [[Principio 1/1.1 Texto Alternativo#1.1.1 - Texto alternativo - Nivel: A|1.1.1 — Texto alternativo (A)]]
          <div class="mw-collapsible-content">
            <ul>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-A|1.1.1-A. Alternativa textual breve obligatoria]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-B|1.1.1-B. Actualización de alternativas textuales]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-C|1.1.1-C. Imágenes CSS solo decorativas]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-D|1.1.1-D. Alternativa única para grupos de imágenes]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-E|1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-F|1.1.1-F. Incluir una alternativa larga cuando la corta no basta]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-G|1.1.1-G. Texto alternativo en imágenes funcionales]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-H|1.1.1-H. Combinación de enlaces e imágenes]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-I|1.1.1-I. Alternativa breve para contenido sensorial]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-J|1.1.1-J. Alternativa textual para CAPTCHAs]]</li>
              <li>[[Principio_1/1.1_Texto_Alternativo/1.1.1-K|1.1.1-K. Imágenes decorativas]]</li>
            </ul>
          </div>
        </li>
      </ul>
    </div>
  </li>
<!-- PAUTA 1.2 -->
<li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
  [[Principio_1/1.2_Medios_basados_en_el_tiempo|Pauta 1.2 Medios basados en el tiempo]]
  <div class="mw-collapsible-content">
    <ul>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.1-A|1.2.1 — Sólo audio y sólo vídeo (Grabado) (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.1-A|1.2.1-A. Sólo audio (grabado)]]</li>
            <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.1-B|1.2.1-B. Sólo vídeo (grabado)]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.2-A|1.2.2 — Subtítulos (Grabados) (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.2-A|1.2.2-A. Subtítulos grabados]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.3-A|1.2.3 — Audiodescripción o medio alternativo (Grabado) (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.3-A|1.2.3-A. Audiodescripción grabada o medio alternativo]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.4-AA|1.2.4 — Subtítulos (Directo) (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.4-A|1.2.4-A. Subtítulos en directo]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.5-AA|1.2.5 — Audiodescripción (Grabada) (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.5-A|1.2.5-A. Audiodescripción grabada]]</li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
</li>
<!-- PAUTA 1.3 -->
<li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
  [[Principio_1/1.3_Adaptable|Pauta 1.3 Adaptable]]
  <div class="mw-collapsible-content">
    <ul>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.3_Adaptable/1.3.1-A|1.3.1 — Información y relaciones (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-A|1.3.1-A. Encabezados adecuados]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-B|1.3.1-B. Evitar falsos encabezados]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-C|1.3.1-C. Estructura lógica de encabezados]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-D|1.3.1-D. Listas estructuradas]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-E|1.3.1-E. Evitar listas decorativas]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-F|1.3.1-F. Tablas estructuradas]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-G|1.3.1-G. Celdas de encabezado identificadas]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-H|1.3.1-H. Asociación entre celdas]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-I|1.3.1-I. Uso de caption]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-J|1.3.1-J. Uso de summary]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-K|1.3.1-K. Evitar duplicar caption y summary]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-L|1.3.1-L. Tablas de maquetación limpias]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-M|1.3.1-M. Etiquetas de formulario]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-N|1.3.1-N. Agrupar campos relacionados]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-O|1.3.1-O. Agrupar opciones]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-P|1.3.1-P. Color e información]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.1-Q|1.3.1-Q. Marcado semántico general]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.3_Adaptable/1.3.2-A|1.3.2 — Secuencia significativa (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.3_Adaptable/1.3.2-A|1.3.2-A. Orden lógico de lectura]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.2-B|1.3.2-B. Tablas de maquetación legibles]]</li>
            <li>[[Principio_1/1.3_Adaptable/1.3.2-C|1.3.2-C. Dirección del texto]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.3_Adaptable/1.3.3-A|1.3.3 — Características sensoriales (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.3_Adaptable/1.3.3-A|1.3.3-A. Evitar referencias sensoriales exclusivas]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.3_Adaptable/1.3.4-AA|1.3.4 — Orientación (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.3_Adaptable/1.3.4-A|1.3.4-A. Contenido adaptable a la orientación]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.3_Adaptable/1.3.5-AA|1.3.5 — Identificar el propósito de la entrada (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.3_Adaptable/1.3.5-A|1.3.5-A. Propósito de los campos de datos]]</li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
</li>
<!-- PAUTA 1.4 -->
<li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
  [[Principio_1/1.4_Distinguible|Pauta 1.4 Distinguible]]
  <div class="mw-collapsible-content">
    <ul>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.1-A|1.4.1 — Uso del color (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.1-A|1.4.1-A. No usar solo el color para transmitir información]]</li>
            <li>[[Principio_1/1.4_Distinguible/1.4.1-B|1.4.1-B. Diferenciar los enlaces del texto circundante]]</li>
            <li>[[Principio_1/1.4_Distinguible/1.4.1-C|1.4.1-C. Evitar el color como único recurso en imágenes]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.2-A|1.4.2 — Control del audio (A)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.2-A|1.4.2-A. Control del sonido automático]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.3-AA|1.4.3 — Contraste (mínimo) (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.3-A|1.4.3-A. Contraste mínimo en texto normal]]</li>
            <li>[[Principio_1/1.4_Distinguible/1.4.3-B|1.4.3-B. Contraste mínimo en texto grande]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.4-AA|1.4.4 — Cambio de tamaño del texto (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.4-A|1.4.4-A. Redimensionar texto sin pérdida]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.5-AA|1.4.5 — Imágenes de texto (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.5-A|1.4.5-A. Evitar imágenes para representar texto]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.10-AA|1.4.10 — Reflow (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.10-A|1.4.10-A. Evitar scroll en dos dimensiones]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.11-AA|1.4.11 — Contraste de contenido no textual (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.11-A|1.4.11-A. Contraste en componentes y gráficos]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.12-AA|1.4.12 — Espaciado del texto (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.12-A|1.4.12-A. Ajustes de espaciado del texto]]</li>
          </ul>
        </div>
      </li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
        [[Principio_1/1.4_Distinguible/1.4.13-AA|1.4.13 — Contenido con hover o focus (AA)]]
        <div class="mw-collapsible-content">
          <ul>
            <li>[[Principio_1/1.4_Distinguible/1.4.13-A|1.4.13-A. Control de contenido emergente por hover o focus]]</li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
</li>
</ul>
</div>
</div>
<div class="mw-collapsible mw-collapsed wcag-tree"
    data-expandtext="▶"
    data-collapsetext="▼">[[Principio 4|Principio 4: Robusto]]
<div class="mw-collapsible-content">
<ul>
  <li class="mw-collapsible mw-collapsed wcag-tree"
      data-expandtext="▶"
      data-collapsetext="▼">[[Principio 4/4.1 Compatible|Principio 4/4.1 Compatible]]
    <div class="mw-collapsible-content">
      <ul>
        <li>[[Principio 4/4.1 Compatible/4.1.1-A|4.1.1 — Procesamiento (A) — Eliminada en WCAG 2.2]]</li>
        <li>[[Principio 4/4.1 Compatible/4.1.2-A|4.1.2 — Nombre, función, valor (A)]]</li>
        <li>[[Principio 4/4.1 Compatible/4.1.3-A|4.1.3 — Mensajes de estado (A)]]</li>
      </ul>
    </div>
  </li>
</ul>
</div>
</div>





Revisión actual - 08:43 11 feb 2026


Listado de Pautas y Principios WCAG

El propósito de este sitio web es únicamente presentar de forma más sencilla las pautas WCAG y explicar como se evalúan.
La información de esta wiki proviene de diversas fuentes de información:





Crear un ejemplo de un criterio de las pautas WCAG

Crea un ejemplo de un criterio de las pautas WCAG.

Consultar los cambios recientes de la wiki

Ver últimas actualizaciones