WCAG - Guía de referencia rápida
-
1.1.1 - Contenido no textual [A]
acceder al criterio de éxito 1.1.1 enlace externo (en ingles)
Perceptible
Alternativas textuales
Cualquier contenido "no textual" que sea relevante para comprender la información, debe incluir una descripción de texto alternativo (visible o no) para identificar el contenido (incluido el captcha, por ejemplo).
Palabras clave: gdpr, rnbd, descripción, contenido, SEO
-
1.2.1 - Sólo audio o sólo video (pregrabado) [A]
acceder al criterio de éxito 1.2.1 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Se debe proporcionar una de las siguientes alternativas para el contenido presentado:
Sólo audio: proporcione transcripción de texto descriptivo
Sólo video: proporcione una transcripción de texto descriptivo y / o una pista descriptiva de audio que se pueda habilitar
Palabras clave: transcripción
-
1.2.2 - Subtítulos (pregrabados) [A]
acceder al criterio de éxito 1.2.2 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Cualquier contenido pregrabado que contenga una pista de audio (ya sea sólo de audio o video) debe tener subtítulos.
Palabras clave: subtítulos
-
1.2.3 - Audiodescripción o Medio Alternativo (pregrabados) [A]
acceder al criterio de éxito 1.2.3 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Se debe proporcionar una audiodescripción o una transcripción textual descriptiva para todo el contenido de video pregrabado.
Nota: si se proporciona una audiodescripción, se cumplirá el criterio 1.2.5 (AA). Si se proporciona una transcripción textual descriptiva, se cumplirá el criterio 1.2.8 (AAA).
Palabras clave: descripción de audio, transcripción
-
1.2.4 - Subtítulos (en vivo) [AA]
acceder al criterio de éxito 1.2.4 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Cualquier contenido en vivo que contenga una pista de audio (ya sea sólo de audio o video) debe tener subtítulo.
Palabras clave: subtítulos
-
1.2.5 - Audiodescripción (pregrabada) [AA]
acceder al criterio de éxito 1.2.5 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Se debe proporcionar una audiodescripción para todo el contenido de video pregrabado.
Nota: ver junto con el criterio 1.2.7 (AAA).
Información: al cumplir con este criterio, también se cumplirá el criterio 1.2.3 (A).
Palabras clave: descripción de audio
-
1.2.6 - Lengua de señas (pregrabado) [AAA]
acceder al criterio de éxito 1.2.6 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Cualquier contenido pregrabado que contenga una pista de audio (ya sea de audio o video solamente) debe traducirse a la lengua de señas (respectivo de su país de origen).
Palabras clave: lengua de señas, língua gestual, libras, lgm, lsa, lga, lgc, asl, bsl
-
1.2.7 - Descripción de audio ampliada (pregrabada) [AAA]
acceder al criterio de éxito 1.2.7 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Si no es posible mantener una pista de descripción de audio junto con el audio original del video (ejemplo: líneas superpuestas), se debe proporcionar una alternativa que permita pausar el video, reproducir la descripción de audio y luego reanudar el video.
Nota: ver junto con el criterio 1.2.5 (AA).
Palabras clave: descripción de audio
-
1.2.8 - Medios alternativos (pregrabados) [AAA]
acceder al criterio de éxito 1.2.8 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Se debe proporcionar una transcripción de texto descriptivo para todo el contenido de video pregrabado.
Información: al cumplir con este criterio, también se cumplirá el criterio 1.2.3 (A).
Palabras clave: transcripción
-
1.2.9 - Solo audio (en vivo) [AAA]
acceder al criterio de éxito 1.2.9 enlace externo (en ingles)
Perceptible
Medios tempodependientes
Cualquier contenido de audio que se transmita en vivo debe tener una transcripción de texto descriptivo.
Sugerencia: la transcripción en este caso se proporciona por operadores capacitados (estenotipistas) debido a una mayor asertividad. Los servicios automatizados no cumplen satisfactoriamente los criterios.
Palabras clave: estructura, arquitectura informacional, semántica, contenido, SEO
-
1.3.1 - Información y relaciones [A]
acceder al criterio de éxito 1.3.1 enlace externo (en ingles)
Perceptible
Adaptable
La organización estructural de una pantalla debe construirse de tal manera que su arquitectura de información tenga sentido tanto para quienes ven como para quienes escuchan el contenido.
Sugerencia: el desafío aquí es proporcionar experiencias equivalentes relacionadas con los contextos visuales y auditivos.
Palabras clave: estructura, arquitectura informacional, semántica, contenido, SEO
-
1.3.2 - Secuencia significativa [A]
acceder al criterio de éxito 1.3.2 enlace externo (en ingles)
Perceptible
Adaptable
Cualquiera que sea el método de interacción, la presentación de información en la pantalla siempre debe tener una secuencia lógica.
Sugerencia: el contenido responsivo no debe afectar la comprensión de la información, independientemente del tamaño de la pantalla.
Nota: ver junto con el criterio 2.4.3 (A).
Palabras clave: sensible
-
1.3.3 - Características sensoriales [A]
acceder al criterio de éxito 1.3.3 enlace externo (en ingles)
Perceptible
Adaptable
Cualquier tipo de instrucción o dirección no debe depender de un formato específico, ubicación espacial, sonido o cualquier otra característica sensorial.
Ejemplo: evite expresiones como "haga clic en el botón de abajo" o "haga clic en el botón verde" o "cuando escuche un pitido, seleccione una opción".
Palabras clave: sonar, color, formulario, función, posición
-
WCAG 2.1
1.3.4 - Orientación [AA]
acceder al criterio de éxito 1.3.4 enlace externo (en ingles)
Perceptible
Adaptable
Ninguna funcionalidad debe depender de una orientación de pantalla específica (ejemplo: girar el teléfono horizontalmente), a menos que sea esencial para realizar la función.
Palabras clave: orientación, sensible
-
WCAG 2.1
1.3.5 - Identificar el objetivo de entrada [AA]
acceder al criterio de éxito 1.3.5 enlace externo (en ingles)
Perceptible
Adaptable
Las personas deben tener claro qué completar en los campos del formulario.
Sugerencia: En un campo que le pide que complete el correo electrónico, debe quedar claro qué correo electrónico debe completarse (personal, comercial, etc).
Nota: ver junto con los criterios 2.4.6 (AA) y 3.3.2 (A).
Palabras clave: claridad, transparência, gdpr, rnbd
-
WCAG 2.1
1.3.6 - Identificar el
objetivo [AAA]acceder al criterio de éxito 1.3.6 enlace externo (en ingles)
Perceptible
Adaptable
El uso de símbolos y elementos fácilmente identificables en una interfaz es un comienzo, pero no garantiza que todos comprendan la información. Habilitar personalizaciones (ejemplo: una persona que cierra un anuncio o reduce la cantidad de información en la pantalla) aumenta la capacidad cognitiva de algunas personas (consulte los criterios completos).
Palabras clave: affordance, capacidad, personalización
-
1.4.1 - Uso de colores [A]
acceder al criterio de éxito 1.4.1 enlace externo (en ingles)
Perceptible
Distinguible
Los colores no deben usarse como la única forma de transmitir contenido o distinguir elementos visuales.
Sugerencia: un mensaje de error en un formulario debe tener un icono de alerta, un mensaje claro que le indique cómo corregir el error y también un color que resalte la información (y no solo el cambio de color).
Palabras clave: color, claridad
-
1.4.2 - Control de audio [A]
acceder al criterio de éxito 1.4.2 enlace externo (en ingles)
Perceptible
Distinguible
Se debe proporcionar una forma sencilla de pausar, silenciar o ajustar el volumen de cualquier audio que se reproduzca automáticamente durante más de 3 segundos en la interfaz.
Palabras clave: tiempo, control
-
1.4.3 - Contraste (mínimo) [AA]
acceder al criterio de éxito 1.4.3 enlace externo (en ingles)
Perceptible
Distinguible
Los textos deben tener una relación de contraste entre el primer plano y el fondo de al menos 4.5:1 (consulte los criterios completos).
Nota: si el tamaño de fuente del texto es de al menos "18 puntos" o "14 puntos en negrita", la relación de contraste puede ser de 3:1.
Palabras clave: contraste, color
-
1.4.4 - Cambiar el tamaño del texto [AA]
acceder al criterio de éxito 1.4.4 enlace externo (en ingles)
Perceptible
Distinguible
Al hacer zoom hasta un 200% en la pantalla, la receptividad de los textos presentados debe ocurrir para que su lectura y legibilidad sean adecuadas sin ninguna interrupción en la presentación de la información.
Nota: ver junto con el criterio 1.4.10 (AA).
Palabras clave: sensible
-
1.4.5 - Imágenes de texto [AA]
acceder al criterio de éxito 1.4.5 enlace externo (en ingles)
Perceptible
Distinguible
Cualquier extracto en pantalla que pueda mostrarse en formato de texto estilizado (ejemplo: una cita de una oración de un autor específico o el título de una sesión), no debe presentarse en formato de imagen, a menos que pueda ser personalizado por la persona.
Nota: ver junto con el criterio 1.4.9 (AAA).
Palabras clave: personalización, semántica, texto
-
1.4.6 - Contraste (mejorado) [AAA]
acceder al criterio de éxito 1.4.6 enlace externo (en ingles)
Perceptible
Distinguible
Los textos deben tener una relación de contraste entre el primer plano y el fondo de al menos 7:1 (consulte los criterios completos).
Nota: si el tamaño de fuente del texto es de al menos "18 puntos" o "14 puntos en negrita", la relación de contraste puede ser de 4,5:1.
Palabras clave: contraste, color
-
1.4.7 - Sonido de fondo bajo o nulo [AAA]
acceder al criterio de éxito 1.4.7 enlace externo (en ingles)
Perceptible
Distinguible
Cualquier tipo de sonido que no sea la voz principal en un audio o video debe ser bajo, inexistente o tener un tipo de control simple que permita apagarlo.
Palabras clave: sonar, control
-
1.4.8 - Presentación visual [AAA]
acceder al criterio de éxito 1.4.8 enlace externo (en ingles)
Perceptible
Distinguible
Proporcionar controles específicos para permitir el control de la presentación de información en pantalla sin comprometer su legibilidad.
Sugerencia: Debería ser posible ajustar los colores entre el primer plano y el fondo, mantener el ancho de los párrafos hasta 80 caracteres o permitir el ajuste de su espaciado.
Palabras clave: personalización, sensible, texto
-
1.4.9 - Imágenes de texto (sin excepción) [AAA]
acceder al criterio de éxito 1.4.9 enlace externo (en ingles)
Perceptible
Distinguible
Las imágenes de texto se permiten solo en los casos en que estas imágenes son decorativas y no son esenciales para comprender el contenido.
Sugerencia: las marcas y los logotipos son ejemplos de excepción a la regla.
Información: al cumplir este criterio, también se cumplirá el criterio 1.4.5 (AA).
Palabras clave: personalización, semántica, texto
-
WCAG 2.1
1.4.10 - Reflujo [AA]
acceder al criterio de éxito 1.4.10 enlace externo (en ingles)
Perceptible
Distinguible
Al hacer zoom hasta un 400% en la pantalla, la información presentada debe responder para que no se produzca el desplazamiento horizontal. Los elementos deben adaptarse a la pantalla hasta el punto de evitar el desplazamiento vertical y horizontal.
Nota: ver junto con el criterio 1.4.5 (AA).
Palabras clave: sensible
-
WCAG 2.1
1.4.11 - Contraste no
textual Contrast [AA]acceder al criterio de éxito 1.4.11 enlace externo (en ingles)
Perceptible
Distinguible
Los componentes de la interfaz (ejemplo: botones) y las imágenes esenciales para comprender el contenido deben tener una relación de contraste entre el primer plano y el fondo de al menos 3:1.
Nota: ver junto con los criterios 1.4.3 (AA) y 1.4.6 (AAA).
Palabras clave: contraste, color, imagenes, gráficos
-
WCAG 2.1
1.4.12 - Espaciado de
texto [AA]acceder al criterio de éxito 1.4.12 enlace externo (en ingles)
Perceptible
Distinguible
Siempre que las personas realicen ajustes y redimensionen (por su cuenta) los textos de un contenido a algunos valores específicos (ver criterios completos), no debería haber pérdida de legibilidad de la información presentada.
Nota: ver junto con el criterio 1.4.8 (AAA).
Palabras clave: personalización, sensible, texto
-
WCAG 2.1
1.4.13 - Contenido al pasar el mouse o teclado o al hacer foco [AA]
acceder al criterio de éxito 1.4.13 enlace externo (en ingles)
Perceptible
Distinguible
El contenido adicional (ejemplo: información sobre herramientas o submenú) no debe activarse con el foco solo con el mouse (mouseover) o el teclado. Si esto ocurre, se deben cumplir ciertas condiciones (consulte los criterios completos).
Palabras clave: mouse, teclado, interacción
-
2.1.1 - Teclado [A]
acceder al criterio de éxito 2.1.1 enlace externo (en ingles)
Operable
Accesible por teclado
Toda la funcionalidad debe activarse a través del teclado, a menos que la funcionalidad no permita el control solo con el teclado.
Sugerencia: el criterio también cumple con los teclados bluetooth configurados en dispositivos móviles (ver 2.5.6).
Nota: ver junto con los criterios 2.1.2 (A) y 2.1.3 (AAA).
Palabras clave: teclado, interacción
-
2.1.2 - Sin bloqueo de teclado [A]
acceder al criterio de éxito 2.1.2 enlace externo (en ingles)
Operable
Accesible por teclado
Al interactuar a través del teclado, la navegación a través de todos los elementos en los que se puede hacer clic debe ocurrir sin ningún bloqueo o interrupción.
Sugerencia: los elementos "en los que no se puede hacer clic" se activan mediante combinaciones de teclas específicas cuando el lector de pantalla está habilitado.
Palabras clave: teclado, interacción
-
2.1.3 - Teclado (sin excepción) [AAA]
acceder al criterio de éxito 2.1.3 enlace externo (en ingles)
Operable
Accesible por teclado
Todas las funciones deben activarse a través del teclado, sin excepción.
Información: al cumplir con este criterio, también se cumplirá el criterio 2.1.1 (A).
Palabras clave: teclado, interacción
-
WCAG 2.1
2.1.4 - Métodos abreviados de teclado por carácter [A]
acceder al criterio de éxito 2.1.4 enlace externo (en ingles)
Operable
Accesible por teclado
Debe evitarse la creación de atajos de teclado utilizando solo caracteres simples (por ejemplo: letras o números) que pueden entrar en conflicto con los atajos existentes en el sistema. Si esto ocurre, se deben cumplir ciertas condiciones (consulte los criterios completos).
Palabras clave: teclado, interacción
-
2.2.1 - Ajustable por límite de tiempo [A]
acceder al criterio de éxito 2.2.1 enlace externo (en ingles)
Operable
Tiempo suficiente
Si se define una función que requiere tiempo para ejecutarse y no es imprescindible (obligatorio desde un punto de vista legal), también se debe incluir una opción para apagarla o una opción para expandirla.
Nota: ver junto con los criterios 2.2.6 (AAA) y 3.2.1 (A).
Palabras clave: tiempo, control
-
2.2.2 - Pausar, detener u ocultar [A]
acceder al criterio de éxito 2.2.2 enlace externo (en ingles)
Operable
Tiempo suficiente
Cualquier elemento de la pantalla que tenga movimiento automático o parpadeo y que dure más de 5 segundos, debe tener un tipo de control donde la persona que lo usa pueda pausar, detener u ocultar.
Nota: ver junto con el criterio 2.3.3 (AAA), que se refiere exclusivamente a los desencadenantes provocados por personas.
Palabras clave: movimiento, control
-
2.2.3 - Sin límite de tiempo [AAA]
acceder al criterio de éxito 2.2.3 enlace externo (en ingles)
Operable
Tiempo suficiente
Ninguna funcionalidad en pantalla debe tener ningún tipo de ejecución tras su cumplimiento en un cierto período de tiempo.
Sugerencia: Los eventos en tiempo real son excepciones.
Palabras clave: tiempo, control
-
2.2.4 - Interrupciones [AAA]
acceder al criterio de éxito 2.2.4 enlace externo (en ingles)
Operable
Tiempo suficiente
Cualquier tipo de interrupción (ejemplo: mensajes de alerta en un chat) que pueda confundir a alguien, debe tener una opción que permita su desconexión o postergación, salvo que se trate de una emergencia que preserve la salud, seguridad o propiedad de la persona.
Palabras clave: interrupción, control
-
2.2.5 - Nueva autenticación [AAA]
acceder al criterio de éxito 2.2.5 enlace externo (en ingles)
Operable
Tiempo suficiente
Cuando caduca una sesión autenticada, cualquier persona que haya iniciado sesión debe poder continuar con su actividad, sin pérdida de datos, al realizar una nueva autenticación en el entorno.
Palabras clave: autenticación , almacenamiento, gdpr, rnbd
-
WCAG 2.1
2.2.6 - Límites de tiempo [AAA]
acceder al criterio de éxito 2.2.6 enlace externo (en ingles)
Operable
Tiempo suficiente
Si hay inactividad (menos de 20 horas) y esto da como resultado la pérdida de datos previamente llenados, se debe enviar un mensaje en la pantalla informando a la persona que estos datos se perderán.
Nota: ver junto con el criterio 2.2.1 (A).
Palabras clave: autenticación, tiempo, almacenamiento, gdpr, rnbd
-
2.3.1 - Tres destellos o por debajo del límite [A]
acceder al criterio de éxito 2.3.1 enlace externo (en ingles)
Operable
Convulsiones y reacciones físicas
Ningún contenido de la página debe parpadear más de 3 veces por segundo, a menos que los flashes tengan poco contraste o poco rojo (consulte los criterios completos).
Nota: ver junto con el criterio 2.3.2 (AAA).
Palabras clave: contraste, animación, movimiento
-
2.3.2 - Tres destellos [AAA]
acceder al criterio de éxito 2.3.2 enlace externo (en ingles)
Operable
Convulsiones y reacciones físicas
Ningún contenido de la página debe parpadear más de 3 veces por segundo, sin excepción (consulte los criterios completos).
Información: al cumplir con este criterio, también se cumplirá el criterio 2.3.1 (A).
Palabras clave: animación, movimiento
-
WCAG 2.1
2.3.3 - Animaciones de interacción [AAA]
acceder al criterio de éxito 2.3.3 enlace externo (en ingles)
Operable
Convulsiones y reacciones físicas
Cualquier tipo de animación interactiva (no imprescindible) y desencadenada por la persona (ejemplo: scroll con efecto de paralaje) debe tener una forma sencilla de desactivarse.
Nota: ver junto con el criterio 2.2.2 (A), que se refiere exclusivamente a la activación automática.
Palabras clave: movimiento, control, interacción
-
2.4.1 - Ignorar bloques [A]
acceder al criterio de éxito 2.4.1 enlace externo (en ingles)
Operable
Navegable
Se debe proporcionar un tipo de control para que las personas puedan ignorar cierto contenido repetitivo (ejemplo: un menú de navegación).
Sugerencia: este es un criterio exclusivo para las personas que usan el teclado.
Nota: ver junto con los criterios 1.3.1 (A), 2.4.2 (A) y 2.4.10 (AAA).
Palabras clave: teclado, semántica, interacción
-
2.4.2 - Página de título [A]
acceder al criterio de éxito 2.4.2 enlace externo (en ingles)
Operable
Navegable
Todas las pantallas deben tener un título principal y describir claramente su propósito.
Palabras clave: contenido, SEO, claridad
-
2.4.3 - Orden de enfoque [A]
acceder al criterio de éxito 2.4.3 enlace externo (en ingles)
Operable
Navegable
La interacción de los elementos enfocables en la pantalla debe ser siempre secuencial y lógica según el contenido presentado.
Nota: ver junto con el criterio 1.3.2 (A).
Palabras clave: teclado, interacción
-
2.4.4 - Objeto del enlace
(en contexto)[A]acceder al criterio de éxito 2.4.4 enlace externo (en ingles)
Operable
Navegable
El propósito de un enlace debe determinarse a partir del texto del propio enlace o del contexto que lo rodea.
Sugerencia: el criterio también se aplica a los botones o iconos en los que se puede hacer clic.
Nota: ver junto con el criterio 2.4.9 (AAA).
Palabras clave: link, contenido, SEO
-
2.4.5 - Varias formas [AA]
acceder al criterio de éxito 2.4.5 enlace externo (en ingles)
Operable
Navegable
Las personas siempre deben tener más de una opción para encontrar un contenido en particular.
Ejemplo: se puede acceder al mismo contenido a través de un menú de navegación o también a través de un campo de búsqueda.
Palabras clave: contenido, SEO, interacción
-
2.4.6 - Encabezados y etiquetas [AA]
acceder al criterio de éxito 2.4.6 enlace externo (en ingles)
Operable
Navegable
Todos los títulos (diferentes niveles) y etiquetas (campos de formularios) deben describir claramente el propósito de los contenidos o agrupaciones en los elementos de la pantalla, sin ambigüedad en su comprensión.
Nota: ver junto con los criterios 1.3.1 (A), 1.3.5 (AA), 2.4.2 (A), 2.5.3 (A), 3.3.2 (A) y 4.1.2 (A).
Palabras clave: contenido, SEO, claridad, gdpr, rnbd
-
2.4.7 - Foco visible [AA]
acceder al criterio de éxito 2.4.7 enlace externo (en ingles)
Operable
Navegable
Al interactuar con el teclado, cualquier persona debería poder identificar su ubicación espacial en la pantalla a través de un enfoque (visible) que identifique su ubicación.
Nota: ver junto con los criterios 2.4.11 (AA), 2.4.12 (AAA) y 2.4.13 (AAA).
Palabras clave: teclado, interacción, visual
-
2.4.8 - Ubicación [AAA]
acceder al criterio de éxito 2.4.8 enlace externo (en ingles)
Operable
Navegable
Cualquiera debería poder ubicarse u orientarse fácilmente en cualquier parte de la pantalla o en un conjunto de pantallas.
Ejemplo: la aplicación de una "ruta de navegación" cumple este criterio.
Palabras clave: contenido, claridad, localización
-
2.4.9 - Propósito del enlace (solo enlace) [AAA]
acceder al criterio de éxito 2.4.9 enlace externo (en ingles)
Operable
Navegable
El propósito de un enlace debe determinarse a partir del texto del propio enlace.
Sugerencia: el criterio también se aplica a los botones o iconos en los que se puede hacer clic.
Nota: ver junto con el criterio 2.4.4 (A).
Palabras clave: link, contenido, SEO
-
2.4.10 - Encabezados de
sección Headings [AAA]acceder al criterio de éxito 2.4.1 enlace externo (en ingles)
Operable
Navegable
Siempre que el contenido de la pantalla se divida en secciones, estas deben tener títulos claros, con niveles de jerarquía bien definidos, que faciliten la identificación de áreas.
Nota: ver junto con el criterio 4.1.2 (A), que se refiere exclusivamente a la semántica del código.
Palabras clave: contenido, SEO, claridad
-
WCAG 2.2
2.4.11 - Foco no
oscurecido (mínimo) [AA]acceder al criterio de éxito 2.4.11 enlace externo (en ingles)
Operable
Navegable
Cuando se muestra un foco visible en algún elemento de la interfaz, no se puede ocultar por completo debido a otros componentes de la interfaz (ejemplo: un pie de página fijo cubre parcialmente este elemento).
Palabras clave: teclado, interacción, visual
-
WCAG 2.2
2.4.12 - Foco no
oscurecido (mejorado) [AAA]acceder al criterio de éxito 2.4.12 enlace externo (en ingles)
Operable
Navegable
Cuando el foco visible se muestra en algún elemento de la interfaz, no se puede ocultar debido a los otros componentes de la interfaz (ejemplo: un pie de página fijo cubre completamente este elemento).
Información: al cumplir este criterio, también se cumplirá el criterio 2.4.11.
Palabras clave: contenido, documento
-
WCAG 2.2
2.4.13 - Aspecto del foco [AAA]
acceder al criterio de éxito 2.4.13 enlace externo (en ingles)
Operable
Navegable
Cuando se muestra el foco visible, debe tener 2 píxeles de ancho, debe haber un espaciado mínimo entre el contenido y la relación de contraste con las áreas adyacentes debe ser suficiente (ver criterio completo).
Información: al cumplir este criterio, también se cumplirá el criterio 2.4.7.
Palabras clave: teclado, interacción, visual
-
WCAG 2.1
2.5.1 - Gestos de disparo [A]
acceder al criterio de éxito 2.5.1 enlace externo (en ingles)
Operable
Modalidades de Entrada
Cualquier funcionalidad que requiera que se active una ruta táctil (ejemplo: arrastrar con el dedo en una pantalla táctil) también necesita un método alternativo que facilite la interacción de quienes no pueden realizar el gesto (ver criterios completos).
Palabras clave: tocar, interacción, alternativa
-
WCAG 2.1
2.5.2 - Cancelación de puntero o de la activación [A]
acceder al criterio de éxito 2.5.2 enlace externo (en ingles)
Operable
Modalidades de Entrada
Es posible que haya un clic o toque accidental en un determinado componente y si la persona lo nota (antes de soltar el botón pulsado o tocado), debe tener una forma de cancelar la activación accidental.
Nota: se recomienda una lectura completa del criterio.
Palabras clave: tocar, interacción, cancelación, alternativa
-
WCAG 2.1
2.5.3 - Etiqueta de nombre accesible [A]
acceder al criterio de éxito 2.5.3 enlace externo (en ingles)
Operable
Modalidades de Entrada
Las etiquetas de los botones, los íconos accionables o cualquier control interactivo deben tener una descripción significativa tanto para quienes ven como para quienes acaban de escuchar la información.
Ejemplo: en un botón, cuya etiqueta visible es "comprar ahora", su forma audible puede ser similar a "comprar ahora el producto XYZ".
Palabras clave: contenido, claridad
-
WCAG 2.1
2.5.4 - Actuacion por movimiento [A]
acceder al criterio de éxito 2.5.4 enlace externo (en ingles)
Operable
Modalidades de Entrada
Si hay una función que requiere que el dispositivo se mueva (ejemplo: "agitar para deshacer"), se debe ofrecer una forma de habilitarlo para que se apague para evitar una activación accidental. Si esta función es imprescindible, se debe ofrecer una activación alternativa.
Palabras clave: interacción, alternativa
-
WCAG 2.1
2.5.5 - Tamaño del área en la que se puede hacer clic (mejorado) [AAA]
acceder al criterio de éxito 2.5.5 enlace externo (en ingles)
Operable
Modalidades de Entrada
El tamaño de las áreas en las que se puede hacer clic o tocar debe tener una separación mínima de 44x44 píxeles, a menos que esta área esté en una oración ubicada en un bloque de texto.
Información: al cumplir este criterio, también se cumplirá el criterio 2.5.8.
Palabras clave: visual, interacción, espaciado
-
WCAG 2.1
2.5.6 - Mecanismos de entrada simultánea [AAA]
acceder al criterio de éxito 2.5.6 enlace externo (en ingles)
Operable
Modalidades de Entrada
La funcionalidad nativa en un dispositivo móvil y con una interfaz táctil no debe verse comprometida cuando la persona utiliza un periférico no nativo (por ejemplo: un teclado o mouse bluetooth). Las funcionalidades deben poder utilizarse incluso en este escenario.
Palabras clave: interacción, alternativa
-
WCAG 2.2
2.5.7 - Movimientos de arrastre [AA]
acceder al criterio de éxito 2.5.7 enlace externo (en ingles)
Operable
Navegable
Cualquier funcionalidad que dependa de un movimiento de arrastrar y soltar también debe recibir un método de uso alternativo para que la operación también se lleve a cabo haciendo clic o tocando.
Palabras clave: interacción, alternativa, control
-
WCAG 2.2
2.5.8 - Tamaño del área en la que se puede hacer clic (mínimo) [AA]
acceder al criterio de éxito 2.5.8 enlace externo (en ingles)
Operable
Navegable
El tamaño de las áreas en las que se puede hacer clic o tocar debe tener una separación mínima de 24x24 píxeles. El área puede ser más pequeña en algunos casos, como cuando hay un espacio de al menos 24 píxeles para las áreas activas adyacentes.
Nota: ver junto con el criterio 2.5.5 (AAA).
Palabras clave: visual, interacción, espaciado
-
3.1.1 - Idioma de la página [A]
acceder al criterio de éxito 3.1.1 enlace externo (en ingles)
Comprensible
Legible
Declarar correctamente el idioma de la pantalla hace que los lectores de pantalla usen una entonación correcta para citar el contenido. Declararlos siempre.
Nota: ver junto con los criterios 3.1.2 (AA) y 3.1.6 (AAA).
Palabras clave: contenido, internacionalización
-
3.1.2 - Idioma de las partes [AA]
acceder al criterio de éxito 3.1.2 enlace externo (en ingles)
Comprensible
Legible
El idioma de una palabra o frase en particular que contenga un idioma diferente al original en la pantalla, debe estar definido e identificado correctamente para que también se produzca la entonación correcta y la pronunciación adecuada a través de lectores de pantalla.
Nota: ver junto con los criterios 3.1.1 (A) y 3.1.6 (AAA).
Palabras clave: contenido, internacionalización
-
3.1.3 - Palabras inusuales [AAA]
acceder al criterio de éxito 3.1.3 enlace externo (en ingles)
Comprensible
Legible
El uso de jerga, metáforas y figuras retóricas puede ser un obstáculo para la comprensión de la información, en este sentido se debe proporcionar una forma de traducción o explicación de la información (ejemplo: enlace para acceder a un glosario).
Palabras clave: contenido, comprensión
-
3.1.4 - Abreviaturas [AAA]
acceder al criterio de éxito 3.1.4 enlace externo (en ingles)
Comprensible
Legible
Una abreviatura o acrónimo no siempre es comprensible para todas las personas, en este sentido, se debe proporcionar una forma de identificar su significado real (ejemplo: enlace para acceder a una tabla "desde-hasta").
Palabras clave: contenido, comprensión
-
3.1.5 - Nivel de lectura [AAA]
acceder al criterio de éxito 3.1.5 enlace externo (en ingles)
Comprensible
Legible
Si un determinado contenido es tan complejo que una persona con educación primaria completa * no es capaz de entenderlo, será necesario revisarlo o utilizar contenido complementario que facilite su comprensión.
Nota: *basado en niveles internacionales (UNESCO)
Palabras clave: contenido, comprensión
-
3.1.6 - Pronunciación [AAA]
acceder al criterio de éxito 3.1.6 enlace externo (en ingles)
Comprensible
Legible
Las palabras regionales específicas y los nombres propios a menudo tienen promociones específicas. Debe proporcionarse una forma que permita la correcta comprensión de la pronunciación en algunos casos.
Nota: ver junto con los criterios 3.1.1 (A) y 3.1.2 (AA).
Palabras clave: contenido, comprensión
-
3.2.1 - En Foco [A]
acceder al criterio de éxito 3.2.1 enlace externo (en ingles)
Comprensible
Predecible
No se deben producir cambios contextuales que puedan desorientar a alguien desde el foco en cualquier elemento de la interfaz (ejemplo: abrir una ventana modal), sin confirmación directa (ejemplo: un botón de confirmación).
Nota: ver junto con los criterios 3.2.2 (A) y 3.2.5 (AAA).
Palabras clave: interacción, previsibilidad
-
3.2.2 - Campo de entrada (Input) [A]
acceder al criterio de éxito 3.2.2 enlace externo (en ingles)
Comprensible
Predecible
No deben ocurrir cambios contextuales que puedan desorientar a alguien cuando hay una interacción en un campo de entrada de datos (ejemplo: elementos de formulario), sin confirmación directa (ejemplo: un botón de confirmación).
Nota: ver junto con los criterios 3.2.1 (A) y 3.2.5 (AAA).
Palabras clave: interacción, previsibilidad
-
3.2.3 Navegación consistente [AA]
acceder al criterio de éxito 3.2.3 enlace externo (en ingles)
Comprensible
Predecible
Se debe mantener la coherencia en cuanto al formato de presentación, interacción y ubicación en pantalla, siempre que los mismos elementos (ejemplo: un campo de búsqueda) se muestren en diferentes pantallas que formen parte de la misma aplicación (sitio web o app).
Nota: ver junto con el criterio 3.2.4 (AA).
Palabras clave: consistencia
-
3.2.4 - Identificación coherente [AA]
acceder al criterio de éxito 3.2.4 enlace externo (en ingles)
Comprensible
Predecible
Se debe mantener la consistencia con respecto a diferentes formatos de elementos, pero que tienen la misma funcionalidad (ejemplo: un icono y un botón para descargar algo), aumentando la capacidad cognitiva de algunas personas.
Nota: ver junto con el criterio 3.2.3 (AA).
Palabras clave: consistencia
-
3.2.5 - Cambio bajo pedido [AAA]
acceder al criterio de éxito 3.2.5 enlace externo (en ingles)
Comprensible
Predecible
Cualquier cambio de contexto que pueda desorientar a las personas, solo debe ocurrir cuando lo solicite la persona que lo utiliza (ejemplo: un botón para confirmar una acción).
Información: ver junto con los criterios 3.2.1 (A) y 3.2.2 (A).
Palabras clave: interacción, previsibilidad
-
WCAG 2.2
3.2.6 - Ayuda
consistente [A]acceder al criterio de éxito 3.2.6 enlace externo (en ingles)
Comprensible
Predecible
Si se proporcionan algunas opciones de ayuda en una pantalla (ejemplo: datos de contacto humano), este mismo formato debe ser el mismo en todas las demás pantallas donde se proporciona ayuda.
Nota: ver junto con el criterio 3.3.5 (AAA), que se refiere exclusivamente a una ayuda contextualizada en texto.
Palabras clave: ayuda, contacto
-
3.3.1 - Identificación de errores [A]
acceder al criterio de éxito 3.3.1 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Siempre que se muestre un mensaje de error, debe identificar claramente qué elemento generó el error de forma visual y audible (ejemplo: cambio de color en el elemento + un icono de alerta + un mensaje de texto).
Nota: ver junto con el criterio 3.3.3 (AA).
Palabras clave: ayuda, error, claridad
-
3.3.2 - Etiquetas e instrucciones [A]
acceder al criterio de éxito 3.3.2 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Todas las etiquetas deben describir de forma clara e inequívoca el propósito de los campos del formulario.
Sugerencia: incluya instrucciones y consejos para completar los campos, siempre que sea posible.
Nota: ver junto con los criterios 1.3.1 (A), 1.3.5 (AA), 2.4.6 (A), 2.5.3 (A). 3.3.5 (AAA) y 4.1.2 (A).
Palabras clave: contenido, SEO, claridad, prevención, gdpr, rnbd
-
3.3.3 - Error sugerido [AA]
acceder al criterio de éxito 3.3.3 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Siempre que se muestre un mensaje de error, también debe dar consejos sobre cómo resolver el error (no basta con indicar que se ha producido un error).
Nota: ver junto con el criterio 3.3.1 (A).
Palabras clave: ayuda, error, claridad
-
3.3.4 - Prevención de errores (legales, financieros, de datos) [AA]
acceder al criterio de éxito 3.3.4 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Se deberá aportar un formulario de confirmación de datos o la posibilidad de cancelar el envío, siempre que los campos del formulario requieran la cumplimentación de datos que impliquen responsabilidad legal, económica o contengan datos sensibles.
Nota: ver junto con el criterio 3.3.6 (AAA).
Palabras clave: prevención, error, claridad, gdpr, rnbd
-
3.3.5 - Ayuda [AAA]
acceder al criterio de éxito 3.3.5 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Debe proporcionarse una forma sencilla de obtener ayuda "contextualizada" con la información que se muestra en la pantalla.
Ejemplo: una descripción emergente informativa o una tabla con información adicional.
Nota: ver junto con los criterios 3.2.6 (A) y 3.3.2 (A).
Palabras clave: contenido, SEO, claridad, prevención, ayuda
-
3.3.6 - Prevención de errores (todos) [AAA]
acceder al criterio de éxito 3.3.6 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Se debe proporcionar un formulario de confirmación de datos o la posibilidad de cancelar el envío, siempre que los campos del formulario requieran el llenado de datos (cualquier tipo de datos).
Nota: al cumplir este criterio, también se cumplirá el criterio 3.3.4 (AA).
Palabras clave: prevención, error, claridad, gdpr, rnbd
-
WCAG 2.2
3.3.7 - Entrada
redundante [A]acceder al criterio de éxito 3.3.7 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Al completar un formulario dividido en etapas, los datos ingresados deben solicitarse solo una vez durante el proceso, a menos que sea imprescindible (ejemplo: volver a ingresar una contraseña para su confirmación).
Nota: se recomienda una lectura completa del criterio.
Palabras clave: redundancia, prevención, claridad, gdpr, rnbd
-
WCAG 2.2
3.3.8 - Autenticación accesible (mínimo) [AA]
acceder al criterio de éxito 3.3.8 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
Las funciones que facilitan la escritura de contraseñas en los campos de inicio de sesión (ejemplo: posibilidad de copiar y pegar) no deben eliminarse sin que exista una justificación coherente para su eliminación.
Nota: se recomienda una lectura completa del criterio.
Palabras clave: ayuda, claridad, interacción
-
WCAG 2.2
3.3.9 - Autenticación accesible (mejorado) [AAA]
acceder al criterio de éxito 3.3.9 enlace externo (en ingles)
Comprensible
Entrada de datos asistida
El criterio 3.3.8 permite algunas excepciones. En este caso, no hay excepciones.
Nota: se recomienda una lectura completa del criterio.
Información: al cumplir con este criterio, también se cumplirá el criterio 3.3.8 (AA).
Palabras clave: ayuda, claridad, interacción
-
4.1.1 - Análisis (código) [ELIMINADO]
acceder al criterio de éxito 4.1.1 enlace externo (en ingles)
Este criterio ha sido eliminado de WCAG 2.2. En el pasado, tenía sentido que existiera para garantizar la aplicación adecuada de HTML en las tecnologías de asistencia, pero hoy en día se ha vuelto redundante debido a las actualizaciones tecnológicas. Consulte el criterio completo para obtener más información.
Nota: La numeración aún no ha cambiado.
Palabras clave: semántica, código
-
4.1.2 - Nombre, función, valor [A]
acceder al criterio de éxito 4.1.2 enlace externo (en ingles)
Robusto
Compatible
Toda la tecnología de asistencia hace uso de las propiedades de nombre, función y valor para identificar correctamente los elementos estandarizados de HTML. Cualquier componente personalizado también debe traer estas marcas de manera adecuada.
Nota para el "dev": Las técnicas WAI-ARIA se utilizan bien en este criterio.
Palabras clave: semántica, código, claridad
-
WCAG 2.1
4.1.3 - Mensajes de
estado Messages [AA]acceder al criterio de éxito 4.1.3 enlace externo (en ingles)
Robusto
Compatible
Cualquier tipo de mensaje que sea resultado de una acción o que informe el avance de un proceso y que sea relevante para la persona, debe transmitirse sin un cambio de contexto (foco) en la pantalla.
Nota: se recomienda una lectura completa de los criterios para identificar ejemplos y casos de uso.
Palabras clave: ayuda, claridad, interacción
versión 8.3.7
última actualización en 30/01/2024