ve directamente a la guía

esta versión fue traducida y revisada con la maravillosa ayuda de Eduardo Pereyra (@desarrollaweb) enlace externo! :-)

Algunas tarjetas de criterios de éxito de WCAG se colocan una encima de la otra.

Esta es una Guía de referencia rápida de WCAG. Para comprender qué es WCAG, consulte estas referencias acceso directo a esa misma página.

WCAG - Guía de referencia rápida

Si lo prefiere, filtre por niveles de criticidad:
Utilice los siguientes controles para ajustar las animaciones de los criterios:

(si ya ha optado por su sistema operativo, estos controles están deshabilitados de forma predeterminada)

  • 1.1.1 - Contenido no textual [A]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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
    Purpose [AAA]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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 criterio 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]

    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]

    Operable

    Accesible por teclado

    Todas las funciones deben activarse a través del teclado, sin excepción.

    Nota: al cumplir con este criterio, también se cumplirá el criterio 2.1.1 (A).

    Palabras clave: keyboard, interacción

  • WCAG 2.1

    2.1.4 - Métodos abreviados de teclado por carácter [A]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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 [A]

    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: este criterio fue ascendido al nivel (A). Utilizar junto con los criterios 2.4.11 (AA) y 2.4.12 (AAA).

    Palabras clave: teclado, interacción, visual

  • 2.4.8 - Ubicación [AAA]

    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]

    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]

    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 - Aspecto del foco (mínimo) [AA]

    Operable

    Navegable

    ¡Este criterio es un borrador!

    Cuando se muestra el foco visible, debe tener un área de 1 píxel, 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.2

    2.4.12 - Aspecto de foco (mejorado) [AAA]

    Operable

    Navegable

    ¡Este criterio es un borrador!

    Cuando se muestra el foco visible, debe tener 2 píxeles de área, tener su contraste mejorado y un color sólido (ver criterios completos).

    Información: al cumplir con este criterio, también se cumplirán los criterios 2.4.7 y 2.4.11.

    Palabras clave: teclado, interacción, visual

  • WCAG 2.2

    2.4.13 - Puntos de
    referencia fijos [A]

    Operable

    Navegable

    ¡Este criterio es un borrador!

    Siempre que haya una referencia a un documento externo (ejemplo: PDF, ePub, etc.), la persona debe poder encontrar fácilmente la página respectiva referenciada a través de marcas específicas (ver criterios completos).

    Palabras clave: contenido, documento

  • WCAG 2.1

    2.5.1 - Gestos de disparo [A]

    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]

    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]

    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]

    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 [AAA]

    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.

    Nota: ver junto con el criterio 2.5.8 (AA).

    Palabras clave: visual, interacción, espaciado

  • WCAG 2.1

    2.5.6 - Mecanismos de entrada simultánea [AAA]

    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 - Arrastrar (Dragging) [AA]

    Operable

    Navegable

    ¡Este criterio es un borrador!

    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 - Espaciado del área en la que se puede hacer clic [AA]

    Operable

    Navegable

    ¡Este criterio es un borrador!

    La distancia desde las áreas en las que se puede hacer clic o tocar debe ser de al menos 44 píxeles de alto y 44 píxeles de ancho entre elementos 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]

    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]

    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]

    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]

    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]

    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]

    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]

    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]

    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 Consistent Navigation [AA]

    Comprensible

    Predecible

    Consistency about the format of presentation, interacción, and location on the screen must be maintained whenever the same elements (e.g., a search field) are displayed on different screens that are part of the same application (website or app).

    Nota: see together with criterion 3.2.4 (AA).

    Palabras clave: consistencia

  • 3.2.4 - Identificación coherente [AA]

    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]

    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: al cumplir con este criterio, también se cumplirán los criterios 3.2.1 y 3.2.2.

    Palabras clave: interacción, previsibilidad

  • WCAG 2.2

    3.2.6 - Ayuda localizable
    ayuda [A]

    Comprensible

    Predecible

    ¡Este criterio es un borrador!

    Debe proporcionarse una forma sencilla de obtener ayuda "humanizada".

    Sugerencia: este mecanismo puede ser un teléfono, formulario, chat o cualquier otro medio que permita el contacto humano.

    Nota: ver junto con el criterio 3.3.5 (AAA), que se refiere exclusivamente a una ayuda contextualizada en texto.

    Palabras clave: ayuda, contacto

  • WCAG 2.2

    3.2.7 - Controles ocultos
    Controls [AA]

    Comprensible

    Predecible

    ¡Este criterio es un borrador!

    Todos los elementos de confirmación deben estar visibles en la pantalla y no deben requerir una interacción específica para mostrarse (ejemplo: pasar el mouse sobre un punto determinado para que se muestre un botón de continuidad de flujo).

    Palabras clave: interacción, previsibilidad

  • 3.3.1 - Identificación de errores [A]

    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]

    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]

    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]

    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]

    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]

    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: ver junto con el criterio 3.3.4 (AA).

    Palabras clave: prevención, error, claridad, gdpr, rnbd

  • WCAG 2.2

    3.3.7 - Autenticación accesible [A]

    Comprensible

    Entrada de datos asistida

    ¡Este criterio es un borrador!

    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.8 - Entrada redundante
    entry [A]

    Comprensible

    Entrada de datos asistida

    ¡Este criterio es un borrador!

    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

  • 4.1.1 - Análisis (código) [A]

    Robusto

    Compatible

    Debe proporcionarse un código semánticamente correcto y sin errores significativos.

    Nota para el "dev": este criterio se refiere exclusivamente a la calidad del código para los lenguajes de marcado, sin embargo es posible hacer una analogía directa con los lenguajes de programación.

    Palabras clave: semántica, código

  • 4.1.2 - Nombre, función, valor [A]

    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]

    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.2.1
última actualización en 28/04/2021