Diferencia entre revisiones de «Página principal»

De WCAG Wiki
Sin resumen de edición
Sin resumen de edición
Línea 48: Línea 48:
   </li>
   </li>


  <!-- PAUTA 1.2 -->
<!-- PAUTA 1.2 -->
  <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
<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]]
  [[Principio_1/1.2_Medios_basados_en_el_tiempo|Pauta 1.2 Medios basados en el tiempo]]
    <div class="mw-collapsible-content">
  <div class="mw-collapsible-content">
      <ul>
    <ul>
        <li>[[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)]]</li>
        <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.2-A|1.2.2 — Subtítulos (Grabados) (A)]]</li>
        <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.3-A|1.2.3 — Audiodescripción o medio alternativo (Grabado) (A)]]</li>
        <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.4-AA|1.2.4 — Subtítulos (Directo) (AA)]]</li>
        <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.5-AA|1.2.5 — Audiodescripción (Grabada) (AA)]]</li>
      </ul>
    </div>
  </li>


  <!-- PAUTA 1.3 -->
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
  <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)]]
    [[Principio_1/1.3_Adaptable|Pauta 1.3 Adaptable]]
        <div class="mw-collapsible-content">
    <div class="mw-collapsible-content">
          <ul>
      <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.3_Adaptable/1.3.1-A|1.3.1 — Información y relaciones (A)]]</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>
        <li>[[Principio_1/1.3_Adaptable/1.3.2-A|1.3.2 — Secuencia significativa (A)]]</li>
          </ul>
        <li>[[Principio_1/1.3_Adaptable/1.3.3-A|1.3.3 — Características sensoriales (A)]]</li>
        </div>
        <li>[[Principio_1/1.3_Adaptable/1.3.4-AA|1.3.4 — Orientación (AA)]]</li>
      </li>
        <li>[[Principio_1/1.3_Adaptable/1.3.5-AA|1.3.5 — Identificar el propósito de la entrada (AA)]]</li>
      </ul>
    </div>
  </li>


   <!-- PAUTA 1.4 -->
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
   <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)]]
    [[Principio_1/1.4_Distinguible|Pauta 1.4 Distinguible]]
        <div class="mw-collapsible-content">
    <div class="mw-collapsible-content">
          <ul>
      <ul>
            <li>[[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.2-A|1.2.2-A. Subtítulos grabados]]</li>
        <li>[[Principio_1/1.4_Distinguible/1.4.1-A|1.4.1 — Uso del color (A)]]</li>
          </ul>
         <li>[[Principio_1/1.4_Distinguible/1.4.2-A|1.4.2 — Control del audio (A)]]</li>
        </div>
         <li>[[Principio_1/1.4_Distinguible/1.4.3-AA|1.4.3 — Contraste (mínimo) (AA)]]</li>
      </li>
         <li>[[Principio_1/1.4_Distinguible/1.4.4-AA|1.4.4 — Cambio de tamaño del texto (AA)]]</li>
 
         <li>[[Principio_1/1.4_Distinguible/1.4.5-AA|1.4.5 — Imágenes de texto (AA)]]</li>
      <li class="mw-collapsible mw-collapsed wcag-tree" data-expandtext="▶" data-collapsetext="▼">
         <li>[[Principio_1/1.4_Distinguible/1.4.10-AA|1.4.10 — Reflow (AA)]]</li>
        [[Principio_1/1.2_Medios_basados_en_el_tiempo/1.2.3-A|1.2.3 — Audiodescripción o medio alternativo (Grabado) (A)]]
         <li>[[Principio_1/1.4_Distinguible/1.4.11-AA|1.4.11 — Contraste de contenido no textual (AA)]]</li>
        <div class="mw-collapsible-content">
         <li>[[Principio_1/1.4_Distinguible/1.4.12-AA|1.4.12 — Espaciado del texto (AA)]]</li>
          <ul>
         <li>[[Principio_1/1.4_Distinguible/1.4.13-AA|1.4.13 — Contenido con hover o focus (AA)]]</li>
            <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>
          </ul>
    </div>
        </div>
  </li>
      </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>
</ul>

Revisión del 18:35 6 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:

Expandir todo Colapsar todo


Principio 1: Perceptible







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