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 2: Operable

• Pauta 2.1 Teclado accesible
  • 2.1.1 — Teclado (A)
    • 2.1.1-A. Teclado accesible
  • 2.1.2 — Sin trampas para el foco del teclado (A)
    • 2.1.2-A. Sin trampas para el foco
  • 2.1.4 — Atajos con teclas de caracteres (A)
    • 2.1.4-A. Atajos de teclado
• Pauta 2.2 Tiempo suficiente
  • 2.2.1 — Tiempo ajustable (A)
    • 2.2.1-A. Tiempo ajustable
    • 2.2.1-B. Redirecciones automáticas sin límite de tiempo
    • 2.2.1-C. Actualizaciones automáticas
  • 2.2.2 — Pausar, detener, ocultar (A)
    • 2.2.2-A. Contenido en movimiento
    • 2.2.2-B. Actualizaciones parciales
• Pauta 2.3 Reacciones físicas
  • 2.3.1 — Umbral de tres destellos o menos (A)
    • 2.3.1-A. Umbral de tres destellos
• Pauta 2.4 Navegable
  • 2.4.1 — Evitar bloques (A)
    • 2.4.1-A. Saltar bloques repetidos
  • 2.4.2 — Titulado de páginas (A)
    • 2.4.2-A. Título descriptivo de página
  • 2.4.3 — Orden del foco (A)
    • 2.4.3-A. Orden de tabulación
    • 2.4.3-B. Contenido dinámico
  • 2.4.4 — Propósito de los enlaces (en contexto) (A)
    • 2.4.4-A. Propósito de enlaces
  • 2.4.5 — Múltiples vías (AA)
    • 2.4.5-A. Mapa o búsqueda en sitios grandes
    • 2.4.5-B. Acceso directo en sitios pequeños
    • 2.4.5-C. Tabla de contenidos
  • 2.4.6 — Encabezados y etiquetas (AA)
    • 2.4.6-A. Encabezados descriptivos
    • 2.4.6-B. Etiquetas de controles
  • 2.4.7 — Foco visible (AA)
    • 2.4.7-A. Foco visible
  • 2.4.11 — Foco no oculto (mínimo) (AA)
    • 2.4.11-A. Foco no oculto
• Pauta 2.5 Modalidades de los input
  • 2.5.1 — Gestos del puntero (A)
    • 2.5.1-A. Gestos alternativos
  • 2.5.2 — Cancelación del puntero (A)
    • 2.5.2-A. Cancelación del puntero
  • 2.5.3 — Etiqueta en el nombre (A)
    • 2.5.3-A. Etiqueta en nombre
  • 2.5.4 — Activación mediante movimiento (A)
    • 2.5.4-A. Activación por movimiento
  • 2.5.7 — Movimientos de arrastre (AA)
    • 2.5.7-A. Movimientos de arrastre
  • 2.5.8 — Tamaño mínimo (AA)
    • 2.5.8-A. Tamaño mínimo de interacción

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