WCAG Web Content Accessibility Guidelines Digital Accessibility

Ir a contenido Ir a Estudios, Gobernanza y organización
Logo UA
Realizar búsqueda
Menú
Other sites
Logo Digital Accessibility   Digital Accessibility
Digital Accessibility

WCAG Web Content Accessibility Guidelines

Perceivable

Information and user interface components must be presentable to users in ways they can perceive.

  • Ofrece alternativas textuales
  • Medios tempodependientes
  • Adaptable, presenta el contenido de diferentes formas
  • Distinguible, separa el fondo del primer plano

Operable

User interface components and navigation must be operable.

  • Manejable por teclado, no olvides a los usuarios sin ratón
  • Da tiempo suficiente
  • No causes reacciones físicas y psíquicas negativas
  • Céntrate en la Arquitectura de la Información para que sea fácilmente navegable
  • Formas de introducción de la información

 

 

Understandable

Information and the operation of user interface must be understandable.

  • Fácil de leer y de comprender
  • Haz tu página predecible, no reinventes los estánderes de navegación
  • Ayuda en la introducción de datos

Robust

Content must be robust enough that it can be interpreted by by a wide variety of user agents, including assistive technologies.

  • Respeta el código para que sea compatible con el mayor número de dispositivos y programas

Perceptible

 

Operable

2.2 Da tiempo suficiente

Proporciona al usuario el tiempo suficiente para leer y usar el contenido.

 

2.2.1. Tiempo ajustable (A)

 Para cumplir este criterio, se cumple al menos uno de los siguientes casos:

  • El usuario puede eliminar el límite de timpo antes de alcanzarlo.
  • El usuario puede ajustar el límite de tiempo antes de alcanzar dicho límite en un rango amplio tiempo (al menos 10 veces mayor al tiempo fijado orginalmente).
  • Se avisa al usuario antes de que el tiemp expire y se le conceden al menos 10 oportunidades de 20 segundos para ampliar el ímite con una acción simple ( por ejemplo presionar la barra espaciadora).

Están exentas de cumplir esta pauta las tareas donde el límite de tiempo es esencial, es parte de un evento en tiempo real o es mayor a 20 horas.

 

2.2.2. Poner en pausa, detener, ocultar (A)

Para la información no esencial que se mueve, parpadea o se desplaza, si comienza automáticamente, dura más de 5 segundos y se presenta a la vez con otro contenido, existe una forma para que el usuario la pueda pausar, detener u ocultar.

 

2.2.3. Sin tiempo (AAA)

 

2.2.4. Interrupciones (AAA)

 

2.2.5. Re-autenticación (AAA)

 

2.2.6. Límites de tiempo (AAA)

Para cumplir el criterio asegúrate de cumplir al menos uno de los siguientes casos:

  • Expira la sesión cuando pasen al menos 20 horas de inactividad.
  • Guarda los datos del usuario durante 20 horas.
  • Avisa de la duración de la inactivdad al comienzo del proceso.

 

 

2.3 No causes reacciones físicas y psíquicas negativas

2.3.1. Umbral de tres destelloso menos (A)

Las páginas web no contienen nada que destellee más de 3 veces en un segundo, o el destello está por debajo del umbral de destello general y de destello rojo.

Herramienta PEAT

 

2.3.2. Tres destellos (AAA)

Las páginas web no contienen nada que destellee más de 3 veces por segundo.

 

2.3.3. Animaciones desde interacciones (AAA)

 

2.4 Céntrate en la Arquitectura de la Información para que sea fácilmente navegable.

2.4.1. Evitar bloques (A)

 

2.4.2. Título de páginas (A)

 

 

2.4.3. Orden del foco (A)

 

2.4.4. Propósito de los enlaces (en contexto) (A)

 

2.4.5. Múltipes vías (AA)

 

2.4.6. Encabezados y etiquetas (AA)

 

2.4.7. Foco visible (AA)

 

2.4.8. Ubicación (AAA)

 

2.4.9. Propósito de los enlaces (sólo enlaces) (AAA)

 

2.4.10. Encabezados de sección (AAA)

 

2.5 Formas de introducción de la información.

2.5.1. Gestos del puntero (A)

 

2.5.2. Cancelación del puntero (A)

 

2.5.3. Etiqueta en el nombre (A)

 

2.5.4. Actuación por movimiento (A)

 

2.5.5. Tamaño del área de interacción (AAA)

Asegúrate que de que las áreas interactivas tienen  al menos un tamaño de 44 x 44 pixels.

 

2.5.6. Mecanismo de entrada concurrentes (AAA)

 

 

 

Comprensible

3.1 Fácil de leer y de comprender

3.1.1. Idioma de la página (A)

 

 

 

 

 

Robusto