Página principal

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:

• Consultar las fuentes de información

Expandir todo Colapsar todo

Principio 1: Perceptible

• Pauta 1.1 Texto Alternativo
  • 1.1.1 — Texto alternativo (A)
    • 1.1.1-A. Alternativa textual breve obligatoria
    • 1.1.1-B. Actualización de alternativas textuales
    • 1.1.1-C. Imágenes CSS solo decorativas
    • 1.1.1-D. Alternativa única para grupos de imágenes
    • 1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak
    • 1.1.1-F. Incluir una alternativa larga cuando la corta no basta
    • 1.1.1-G. Texto alternativo en imágenes funcionales
    • 1.1.1-H. Combinación de enlaces e imágenes
    • 1.1.1-I. Alternativa breve para contenido sensorial
    • 1.1.1-J. Alternativa textual para CAPTCHAs
    • 1.1.1-K. Imágenes decorativas
• Pauta 1.2 Medios basados en el tiempo
  • 1.2.1 — Sólo audio y sólo vídeo (Grabado) (A)
    • 1.2.1-A. Sólo audio (grabado)
    • 1.2.1-B. Sólo vídeo (grabado)
  • 1.2.2 — Subtítulos (Grabados) (A)
    • 1.2.2-A. Subtítulos grabados
  • 1.2.3 — Audiodescripción o medio alternativo (Grabado) (A)
    • 1.2.3-A. Audiodescripción grabada o medio alternativo
  • 1.2.4 — Subtítulos (Directo) (AA)
    • 1.2.4-A. Subtítulos en directo
  • 1.2.5 — Audiodescripción (Grabada) (AA)
    • 1.2.5-A. Audiodescripción grabada
• Pauta 1.3 Adaptable
  • 1.3.1 — Información y relaciones (A)
    • 1.3.1-A. Encabezados adecuados
    • 1.3.1-B. Evitar falsos encabezados
    • 1.3.1-C. Estructura lógica de encabezados
    • 1.3.1-D. Listas estructuradas
    • 1.3.1-E. Evitar listas decorativas
    • 1.3.1-F. Tablas estructuradas
    • 1.3.1-G. Celdas de encabezado identificadas
    • 1.3.1-H. Asociación entre celdas
    • 1.3.1-I. Uso de caption
    • 1.3.1-J. Uso de summary
    • 1.3.1-K. Evitar duplicar caption y summary
    • 1.3.1-L. Tablas de maquetación limpias
    • 1.3.1-M. Etiquetas de formulario
    • 1.3.1-N. Agrupar campos relacionados
    • 1.3.1-O. Agrupar opciones
    • 1.3.1-P. Color e información
    • 1.3.1-Q. Marcado semántico general
  • 1.3.2 — Secuencia significativa (A)
    • 1.3.2-A. Orden lógico de lectura
    • 1.3.2-B. Tablas de maquetación legibles
    • 1.3.2-C. Dirección del texto
  • 1.3.3 — Características sensoriales (A)
    • 1.3.3-A. Evitar referencias sensoriales exclusivas
  • 1.3.4 — Orientación (AA)
    • 1.3.4-A. Contenido adaptable a la orientación
  • 1.3.5 — Identificar el propósito de la entrada (AA)
    • 1.3.5-A. Propósito de los campos de datos
• Pauta 1.4 Distinguible
  • 1.4.1 — Uso del color (A)
    • 1.4.1-A. No usar solo el color para transmitir información
    • 1.4.1-B. Diferenciar los enlaces del texto circundante
    • 1.4.1-C. Evitar el color como único recurso en imágenes
  • 1.4.2 — Control del audio (A)
    • 1.4.2-A. Control del sonido automático
  • 1.4.3 — Contraste (mínimo) (AA)
    • 1.4.3-A. Contraste mínimo en texto normal
    • 1.4.3-B. Contraste mínimo en texto grande
  • 1.4.4 — Cambio de tamaño del texto (AA)
    • 1.4.4-A. Redimensionar texto sin pérdida
  • 1.4.5 — Imágenes de texto (AA)
    • 1.4.5-A. Evitar imágenes para representar texto
  • 1.4.10 — Reflow (AA)
    • 1.4.10-A. Evitar scroll en dos dimensiones
  • 1.4.11 — Contraste de contenido no textual (AA)
    • 1.4.11-A. Contraste en componentes y gráficos
  • 1.4.12 — Espaciado del texto (AA)
    • 1.4.12-A. Ajustes de espaciado del texto
  • 1.4.13 — Contenido con hover o focus (AA)
    • 1.4.13-A. Control de contenido emergente por hover o focus

Principio 1: Perceptible

• Pauta 1.1 Texto Alternativo
  • 1.1.1 — Texto alternativo (A)
    • 1.1.1-A. Alternativa textual breve obligatoria
    • 1.1.1-B. Actualización de alternativas textuales

Principio 1: Perceptible

• Pauta 1.1 Texto Alternativo
  • 1.1.1 — Texto alternativo (A)
    • 1.1.1-A. Alternativa textual breve obligatoria
    • 1.1.1-B. Actualización de alternativas textuales
    • 1.1.1-C. Imágenes CSS solo decorativas
    • 1.1.1-D. Alternativa única para grupos de imágenes
    • 1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak
    • 1.1.1-F. Incluir una alternativa larga cuando la corta no basta
    • 1.1.1-G. Texto alternativo en imágenes funcionales
    • 1.1.1-H. Combinación de enlaces e imágenes
    • 1.1.1-I. Alternativa breve para contenido sensorial
    • 1.1.1-J. Alternativa textual para CAPTCHAs
    • 1.1.1-K. Imágenes decorativas
• Pauta 1.2 Medios basados en el tiempo
  • 1.2.1 — Sólo audio y sólo vídeo (Grabado) (A)
    • 1.2.1-A. Sólo audio (grabado)
    • 1.2.1-B. Sólo vídeo (grabado)
  • 1.2.2 — Subtítulos (Grabados) (A)
    • 1.2.2-A. Subtítulos grabados
  • 1.2.3 — Audiodescripción o medio alternativo (Grabado) (A)
    • 1.2.3-A. Audiodescripción grabada o medio alternativo
  • 1.2.4 — Subtítulos (Directo) (AA)
    • 1.2.4-A. Subtítulos en directo
  • 1.2.5 — Audiodescripción (Grabada) (AA)
    • 1.2.5-A. Audiodescripción grabada
• Pauta 1.3 Adaptable
  • 1.3.1 — Información y relaciones (A)
    • 1.3.1-A. Encabezados adecuados
    • 1.3.1-B. Evitar falsos encabezados
    • 1.3.1-C. Estructura lógica de encabezados
    • 1.3.1-D. Listas estructuradas
    • 1.3.1-E. Evitar listas decorativas
    • 1.3.1-F. Tablas estructuradas
    • 1.3.1-G. Celdas de encabezado identificadas
    • 1.3.1-H. Asociación entre celdas
    • 1.3.1-I. Uso de caption
    • 1.3.1-J. Uso de summary
    • 1.3.1-K. Evitar duplicar caption y summary
    • 1.3.1-L. Tablas de maquetación limpias
    • 1.3.1-M. Etiquetas de formulario
    • 1.3.1-N. Agrupar campos relacionados
    • 1.3.1-O. Agrupar opciones
    • 1.3.1-P. Color e información
    • 1.3.1-Q. Marcado semántico general
  • 1.3.2 — Secuencia significativa (A)
    • 1.3.2-A. Orden lógico de lectura
    • 1.3.2-B. Tablas de maquetación legibles
    • 1.3.2-C. Dirección del texto
  • 1.3.3 — Características sensoriales (A)
    • 1.3.3-A. Evitar referencias sensoriales exclusivas
  • 1.3.4 — Orientación (AA)
    • 1.3.4-A. Contenido adaptable a la orientación
  • 1.3.5 — Identificar el propósito de la entrada (AA)
    • 1.3.5-A. Propósito de los campos de datos
• Pauta 1.4 Distinguible
  • 1.4.1 — Uso del color (A)
    • 1.4.1-A. No usar solo el color para transmitir información
    • 1.4.1-B. Diferenciar los enlaces del texto circundante
    • 1.4.1-C. Evitar el color como único recurso en imágenes
  • 1.4.2 — Control del audio (A)
    • 1.4.2-A. Control del sonido automático
  • 1.4.3 — Contraste (mínimo) (AA)
    • 1.4.3-A. Contraste mínimo en texto normal
    • 1.4.3-B. Contraste mínimo en texto grande
  • 1.4.4 — Cambio de tamaño del texto (AA)
    • 1.4.4-A. Redimensionar texto sin pérdida
  • 1.4.5 — Imágenes de texto (AA)
    • 1.4.5-A. Evitar imágenes para representar texto
  • 1.4.10 — Reflow (AA)
    • 1.4.10-A. Evitar scroll en dos dimensiones
  • 1.4.11 — Contraste de contenido no textual (AA)
    • 1.4.11-A. Contraste en componentes y gráficos
  • 1.4.12 — Espaciado del texto (AA)
    • 1.4.12-A. Ajustes de espaciado del texto
  • 1.4.13 — Contenido con hover o focus (AA)
    • 1.4.13-A. Control de contenido emergente por hover o focus

Principio 4: Robusto

• Principio 4/4.1 Compatible
  • 4.1.1 — Procesamiento (A) — Eliminada en WCAG 2.2
  • 4.1.2 — Nombre, función, valor (A)
  • 4.1.3 — Mensajes de estado (A)

Principio1

Principio 1/1.1 Texto Alternativo

Principio 1/1.2 Medios basados en el tiempo

Principio 1/1.3 Adaptable

Principio 1/1.4 Distinguible

Principio2

Principio 2/2.1 Teclado Accesible

Principio 2/2.2 Tiempo Suficiente

Principio 2/2.3 Reacciones físicas

Principio 2/2.4 Navegable

Principio 2/2.5 Modalidades de los input

Principio3

Principio 3/3.1 Legible

Principio 3/3.2 Predecible

Principio 3/3.3 Assistencia en los input

Principio4

Principio 4/4.1 Compatible

Crear un ejemplo de un criterio de las pautas WCAG

Crea un ejemplo de un criterio de las pautas WCAG.

• Crear_ejemplo_WCAG

Consultar los cambios recientes de la wiki

Ver últimas actualizaciones