WCAG 2.2 · Técnicas
Técnicas y fallos comunes de las WCAG 2.2
Las técnicas son la parte práctica de las Pautas de Accesibilidad para el Contenido Web: para cada criterio de conformidad, el W3C documenta formas concretas de cumplirlo (técnicas suficientes y recomendadas) y errores habituales que lo incumplen (fallos comunes). El W3C solo las publica en inglés; ADDAW las ha traducido al español, completas, con sus ejemplos de código y sus procedimientos de prueba.
Cada ficha indica a qué criterios de conformidad se aplica, qué nivel (A, AA o AAA) afecta y cómo comprobarla. Si está adaptando una web al Real Decreto 1112/2018, a la norma UNE-EN 301 549 o a la Ley Europea de Accesibilidad, aquí tiene el detalle técnico que los criterios no dan.
- 454 técnicas y fallos traducidos
- 95 fallos comunes
- Ver los criterios de conformidad WCAG 2.2
Fallos comunes 95
Errores documentados por el W3C que hacen que una página no cumpla un criterio de conformidad. Son lo primero que se busca en una auditoría.
- F1 Fallo del criterio de conformidad 1.3.2 debido a cambiar el significado del contenido al posicionar la información con CSS
- F2 Fallo del criterio de conformidad 1.3.1 debido a usar cambios en la presentación del texto para transmitir información sin usar el marcado o el texto apropiados
- F3 Fallo del criterio de conformidad 1.1.1 debido a transmitir información exclusivamente mediante imágenes de fondo CSS
- F4 Fallo del criterio de conformidad 2.2.2 debido a usar text-decoration:blink sin un mecanismo para detenerlo en menos de cinco segundos obsoleta
- F7 Fallo del criterio de conformidad 2.2.2 debido a un objeto o applet con contenido parpadeante sin un mecanismo para poner en pausa el contenido que parpadea durante más de cinco segundos
- F8 Fallo del criterio de conformidad 1.2.2 debido a subtítulos que omiten parte del diálogo o efectos sonoros importantes
- F9 Fallo del criterio de conformidad 3.2.5 debido a cambiar el contexto cuando el usuario retira el foco de un elemento de formulario
- F10 Fallo del criterio de conformidad 2.1.2 y del requisito de conformidad 5 debido a combinar varios formatos de contenido de forma que los usuarios queden atrapados dentro de un tipo de formato
- F12 Fallo del criterio de conformidad 2.2.5 debido a tener un límite de tiempo de sesión sin un mecanismo para guardar los datos introducidos por el usuario y restablecerlos tras la re-autentificación
- F13 Fallo de los criterios de conformidad 1.1.1 y 1.4.1 debido a tener una alternativa textual que no incluye la información transmitida por las diferencias de color de la imagen
- F14 Fallo del criterio de conformidad 1.3.3 debido a identificar el contenido únicamente por su forma o su ubicación
- F15 Fallo del criterio de conformidad 4.1.2 debido a implementar controles personalizados que no utilizan la API de accesibilidad de la tecnología, o la utilizan de forma incompleta
- F16 Fallo del criterio de conformidad 2.2.2 debido a incluir contenido en desplazamiento, cuando el movimiento no es esencial para la actividad, sin incluir también un mecanismo para pausarlo y reanudarlo
- F19 Fallo del requisito de conformidad 1 debido a no proporcionar un método para que el usuario encuentre la versión alternativa conforme de una página web no conforme
- F20 Fallo de los criterios de conformidad 1.1.1 y 4.1.2 debido a no actualizar las alternativas textuales cuando cambia el contenido no textual
- F22 Fallo del criterio de conformidad 3.2.5 debido a abrir ventanas que el usuario no ha solicitado
- F23 Fallo del criterio de conformidad 1.4.2 debido a reproducir un sonido de más de 3 segundos sin que exista un mecanismo para apagarlo
- F24 Fallo de los criterios de conformidad 1.4.3, 1.4.6 y 1.4.8 debido a especificar colores de primer plano sin especificar colores de fondo, o viceversa
- F25 Fallo del criterio de conformidad 2.4.2 debido a que el título de una página web no identifica su contenido
- F26 Fallo del criterio de conformidad 1.3.3 debido a usar únicamente un símbolo gráfico para transmitir información
- F30 Fallo de los criterios de conformidad 1.1.1 y 1.2.1 debido a usar alternativas textuales que no son alternativas (p. ej., nombres de fichero o texto de relleno)
- F31 Fallo del criterio de conformidad 3.2.4 debido a usar dos etiquetas distintas para la misma función en diferentes páginas de un conjunto de páginas web
- F32 Fallo del criterio de conformidad 1.3.2 debido a usar caracteres de espacio en blanco para controlar el espaciado dentro de una palabra
- F33 Fallo de los criterios de conformidad 1.3.1 y 1.3.2 debido a usar caracteres de espacio en blanco para crear varias columnas en contenido de texto sin formato
- F34 Fallo de los criterios de conformidad 1.3.1 y 1.3.2 debido a usar caracteres de espacio en blanco para dar formato a tablas en contenido de texto sin formato
- F36 Fallo del criterio de conformidad 3.2.2 debido a enviar automáticamente un formulario y presentar contenido nuevo sin aviso previo cuando se asigna un valor al último campo del formulario
- F37 Fallo del criterio de conformidad 3.2.2 debido a abrir una ventana nueva sin aviso previo cuando cambia la selección de un botón de opción, una casilla de verificación o una lista desplegable
- F38 Fallo del criterio de conformidad 1.1.1 debido a no marcar las imágenes decorativas en HTML de forma que la tecnología de asistencia pueda ignorarlas
- F39 Fallo del criterio de conformidad 1.1.1 debido a proporcionar una alternativa textual que no es nula (p. ej., alt="spacer" o alt="image") para imágenes que la tecnología de asistencia debería ignorar
- F40 Fallo debido a usar una redirección meta con un límite de tiempo
- F41 Fallo de los criterios de conformidad 2.2.1, 2.2.4 y 3.2.5 debido a usar meta refresh para recargar la página
- F42 Fallo de los criterios de conformidad 1.3.1, 2.1.1, 2.1.3 o 4.1.2 al emular enlaces
- F43 Fallo del criterio de conformidad 1.3.1 debido a usar marcado estructural de una forma que no representa las relaciones existentes en el contenido
- F44 Fallo del criterio de conformidad 2.4.3 debido a usar tabindex para crear un orden de tabulación que no conserva el significado ni la operabilidad
- F46 Fallo del criterio de conformidad 1.3.1 debido a usar elementos th, elementos caption o atributos summary no vacíos en tablas de maquetación
- F47 Fallo del criterio de conformidad 2.2.2 debido a usar el elemento blink obsoleta
- F48 Fallo del criterio de conformidad 1.3.1 debido a usar el elemento pre para marcar información tabular
- F49 Fallo del criterio de conformidad 1.3.2 debido a usar una tabla HTML de maquetación que no tiene sentido al linealizarse
- F50 Fallo del criterio de conformidad 2.2.2 debido a un script que provoca un efecto de parpadeo sin un mecanismo para detenerlo en 5 segundos o menos
- F52 Fallo del criterio de conformidad 3.2.5 debido a abrir una ventana nueva en cuanto se carga una página
- F54 Fallo del criterio de conformidad 2.1.1 debido a usar únicamente manejadores de eventos específicos de dispositivos apuntadores (incluidos los gestos) para una función
- F55 Fallo de los criterios de conformidad 2.1.1, 2.4.7, 2.4.13 y 3.2.1 debido a usar scripts para quitar el foco cuando se recibe
- F58 Fallo del criterio de conformidad 2.2.1 debido a usar técnicas del lado del servidor para redirigir páginas automáticamente tras un tiempo de espera
- F59 Fallo del criterio de conformidad 4.1.2 debido a usar scripts para convertir un div o un span en un control de interfaz de usuario en HTML sin proporcionar una función (role) al control
- F60 Fallo del criterio de conformidad 3.2.5 debido a abrir una nueva ventana cuando el usuario introduce texto en un campo de entrada
- F61 Fallo del criterio de conformidad 3.2.5 debido a un cambio completo del contenido principal mediante una actualización automática que el usuario no puede desactivar desde el contenido
- F63 Fallo del criterio de conformidad 2.4.4 debido a proporcionar el contexto del enlace únicamente en contenido que no está relacionado con el enlace
- F65 Fallo del criterio de conformidad 1.1.1 debido a omitir el atributo alt o la alternativa textual en los elementos img, area e input de tipo "image"
- F66 Fallo del criterio de conformidad 3.2.3 debido a presentar los enlaces de navegación en un orden relativo distinto en páginas diferentes
- F67 Fallo de los criterios de conformidad 1.1.1 y 1.2.1 debido a proporcionar descripciones largas de contenido no textual que no cumplen el mismo propósito ni presentan la misma información
- F68 Fallo del criterio de conformidad 4.1.2 debido a que un control de interfaz de usuario no tiene un nombre determinable por software
- F69 Fallo del criterio de conformidad 1.4.4 cuando al cambiar el tamaño del texto representado visualmente hasta un 200 por ciento el texto, las imágenes o los controles quedan recortados, truncados u ocultos
- F70 Fallo del criterio de conformidad 4.1.1 debido al uso incorrecto de las etiquetas de apertura y cierre o del marcado de los atributos obsoleta
- F71 Fallo del criterio de conformidad 1.1.1 debido a usar caracteres de apariencia similar para representar texto sin proporcionar una alternativa textual
- F72 Fallo del criterio de conformidad 1.1.1 debido a usar arte ASCII sin proporcionar una alternativa textual
- F73 Fallo del criterio de conformidad 1.4.1 debido a crear enlaces que no son visualmente evidentes sin visión del color
- F74 Fallo de los criterios de conformidad 1.2.2 y 1.2.8 debido a no etiquetar como alternativa una alternativa multimedia sincronizada a un texto
- F75 Fallo del criterio de conformidad 1.2.2 debido a proporcionar multimedia sincronizado sin subtítulos cuando el multimedia sincronizado presenta más información que la que se presenta en la página
- F77 Fallo del criterio de conformidad 4.1.1 debido a valores duplicados de tipo ID obsoleta
- F78 Fallo de los criterios de conformidad 1.4.11, 2.4.7 y 2.4.13 debido a aplicar estilos a los contornos y bordes de los elementos de forma que eliminan o hacen invisible el indicador visual del foco
- F79 Fallo del criterio de conformidad 4.1.2 debido a que el estado de foco de un componente de interfaz de usuario no es determinable por software o no hay notificación disponible del cambio de estado de foco
- F80 Fallo del criterio de conformidad 1.4.4 cuando los controles de formulario basados en texto no cambian de tamaño al ampliar el texto hasta el 200 %
- F81 Fallo del criterio de conformidad 1.4.1 debido a identificar los campos obligatorios o con error únicamente mediante diferencias de color
- F82 Fallo del criterio de conformidad 3.3.2 debido a dar formato visual a un conjunto de campos de número de teléfono sin incluir una etiqueta de texto
- F83 Fallo de los criterios de conformidad 1.4.3 y 1.4.6 debido a usar imágenes de fondo que no proporcionan suficiente contraste con el texto en primer plano (o con las imágenes de texto)
- F84 Fallo del criterio de conformidad 2.4.9 debido a usar un enlace no específico como «haga clic aquí» o «más» sin un mecanismo para cambiar el texto del enlace por un texto específico
- F85 Fallo del criterio de conformidad 2.4.3 debido a usar diálogos o menús que no están junto a su control de activación en el orden de navegación secuencial
- F86 Fallo del criterio de conformidad 4.1.2 debido a no proporcionar nombres a cada una de las partes de un campo de formulario compuesto, como un número de teléfono de EE. UU.
- F87 Fallo del criterio de conformidad 1.3.1 debido a insertar contenido no decorativo mediante los pseudoelementos ::before y ::after y la propiedad 'content' de CSS obsoleta
- F88 Fallo del criterio de conformidad 1.4.8 debido a usar texto justificado (alineado a la vez a los márgenes izquierdo y derecho)
- F89 Fallo de los criterios de conformidad 2.4.4, 2.4.9 y 4.1.2 debido a no proporcionar un nombre accesible a una imagen que es el único contenido de un enlace
- F90 Fallo del criterio de conformidad 1.3.1 debido a asociar incorrectamente los encabezados de tabla y el contenido mediante los atributos headers e id
- F91 Fallo del criterio de conformidad 1.3.1 debido a no marcar correctamente los encabezados de tabla
- F92 Fallo del criterio de conformidad 1.3.1 debido al uso de la función presentation en contenido que transmite información semántica
- F93 Fallo del criterio de conformidad 1.4.2 debido a la ausencia de una forma de poner en pausa o detener un elemento multimedia HTML5 que se reproduce automáticamente
- F94 Fallo del criterio de conformidad 1.4.4 debido al uso incorrecto de unidades relativas a la ventana gráfica para el tamaño del texto
- F95 Fallo del criterio de conformidad 1.4.13 debido a que el contenido que se muestra al pasar el puntero no admite que se pase el puntero sobre él
- F96 Fallo debido a que el nombre accesible no contiene el texto de la etiqueta visible
- F97 Fallo del criterio de conformidad 1.3.4 debido a restringir la visualización a una única orientación de la pantalla
- F98 Fallo del criterio de conformidad 2.5.6 debido a que los controles interactivos solo pueden manejarse con el método de entrada táctil cuando se detecta una pantalla táctil
- F99 Fallo del criterio de conformidad 2.1.4 debido a implementar atajos de teclado de una sola tecla de carácter sin ofrecer un mecanismo para desactivarlos o reasignarlos
- F100 Fallo del criterio de conformidad 1.3.4 debido a mostrar un mensaje que pide al usuario que cambie la orientación del dispositivo
- F101 Fallo del criterio de conformidad 2.5.2 debido a activar una función en el evento de pulsación (down-event) cuando no es esencial
- F102 Fallo del criterio de conformidad 1.4.10 debido a que el contenido desaparece y no está disponible al reajustarse a una ventana gráfica de 320 píxeles
- F103 Fallo del criterio de conformidad 4.1.3 debido a proporcionar mensajes de estado que no pueden determinarse por software mediante funciones o propiedades
- F104 Fallo del criterio de conformidad 1.4.12 debido a que el contenido se recorta o se solapa al ajustar el espaciado del texto
- F105 Fallo del criterio de conformidad 2.5.1 debido a ofrecer una funcionalidad mediante un gesto basado en trayectoria sin alternativa de puntero simple
- F106 Fallo del criterio de conformidad 2.5.4 debido a la imposibilidad de desactivar la actuación por movimiento
- F107 Fallo del criterio de conformidad 1.3.5 debido a usar valores incorrectos del atributo autocomplete
- F108 Fallo del criterio de conformidad 2.5.7 debido a que una función solo puede ejecutarse mediante un movimiento de arrastre
- F109 Fallo de los criterios de conformidad 3.3.8 y 3.3.9 debido a impedir que las contraseñas o los códigos se introduzcan en el formato en que se crearon
- F110 Fallo del criterio de conformidad 2.4.11 debido a que un pie de página o una cabecera fijos ocultan por completo los elementos con el foco
- F111 Fallo de los criterios de conformidad 2.5.3 y 4.1.2 debido a un control con una etiqueta visible pero sin nombre accesible
- F112 Fallo del criterio de conformidad 2.2.2 debido a contenido que parpadea sin un mecanismo para detenerlo
- F113 Fallo de los criterios de conformidad 1.2.3, 1.2.5 y 1.2.7 debido a no aprovechar las pausas del diálogo para añadir audiodescripción
Técnicas generales 169
Técnicas independientes de la tecnología: valen para cualquier formato de contenido web.
- G1 Añadir un enlace al principio de cada página que lleve directamente al área de contenido principal
- G4 Permitir poner en pausa el contenido y reanudarlo desde donde se detuvo
- G5 Permitir a los usuarios completar una actividad sin ningún límite de tiempo
- G8 Proporcionar una película con audiodescripción ampliada
- G9 Crear subtítulos para contenido multimedia sincronizado en directo
- G10 Crear componentes con una tecnología compatible con la API de accesibilidad de las plataformas de los agentes de usuario, que exponga nombre y función, permita establecer las propiedades configurables por el usuario y notifique los cambios
- G11 Crear contenido que parpadee durante menos de 5 segundos
- G13 Describir lo que va a ocurrir antes de realizar un cambio en un control de formulario que provoque un cambio de contexto
- G14 Garantizar que la información transmitida mediante diferencias de color también esté disponible en texto
- G15 Usar una herramienta para garantizar que el contenido no supera el umbral general de destellos ni el umbral de destellos rojos
- G17 Garantizar una relación de contraste de al menos 7:1 entre el texto (y las imágenes de texto) y el fondo situado detrás del texto
- G18 Garantizar una relación de contraste de al menos 4.5:1 entre el texto (y las imágenes de texto) y el fondo situado detrás del texto
- G19 Garantizar que ningún componente del contenido destella más de tres veces en cualquier periodo de un segundo
- G21 Garantizar que los usuarios no quedan atrapados en el contenido
- G53 Identificar el propósito de un enlace mediante el texto del enlace combinado con el texto de la frase que lo contiene
- G54 Incluir un intérprete de lengua de signos en el flujo de vídeo
- G55 Enlazar a las definiciones
- G56 Mezclar los archivos de audio de modo que los sonidos que no son voz estén al menos 20 decibelios por debajo del contenido sonoro hablado
- G57 Ordenar el contenido en una secuencia significativa
- G58 Colocar un enlace a la alternativa para el contenido multimedia dependiente del tiempo justo al lado del contenido no textual
- G59 Colocar los elementos interactivos en un orden que siga las secuencias y relaciones del contenido
- G60 Reproducir un sonido que se apaga automáticamente en menos de tres segundos
- G61 Presentar los componentes repetidos en el mismo orden relativo cada vez que aparecen
- G62 Proporcionar un glosario
- G63 Proporcionar un mapa del sitio
- G64 Proporcionar una tabla de contenidos
- G65 Proporcionar una ruta de navegación (migas de pan)
- G68 Proporcionar una alternativa textual corta que describa el propósito del contenido en directo de solo audio y de solo vídeo
- G69 Proporcionar una alternativa para el contenido multimedia dependiente del tiempo
- G70 Proporcionar una función para buscar en un diccionario en línea
- G71 Proporcionar un enlace de ayuda en todas las páginas web
- G73 Proporcionar una descripción larga en otra ubicación con un enlace a ella inmediatamente adyacente al contenido no textual
- G74 Proporcionar una descripción larga en texto cerca del contenido no textual, con una referencia a su ubicación en la descripción corta
- G75 Proporcionar un mecanismo para posponer cualquier actualización del contenido
- G76 Proporcionar un mecanismo para solicitar una actualización del contenido en lugar de actualizarlo automáticamente
- G78 Proporcionar una segunda pista de audio, seleccionable por el usuario, que incluya audiodescripción
- G79 Proporcionar una versión hablada del texto
- G80 Proporcionar un botón de envío para iniciar un cambio de contexto
- G81 Proporcionar un vídeo sincronizado del intérprete de lengua de signos que el reproductor pueda mostrar en otra ventana gráfica o superpuesto a la imagen
- G82 Proporcionar una alternativa textual que identifique el propósito del contenido no textual interactivo
- G83 Proporcionar descripciones textuales para identificar los campos obligatorios que no se han rellenado
- G84 Proporcionar una descripción textual cuando el usuario introduce información que no está en la lista de valores permitidos
- G85 Proporcionar una descripción textual cuando la entrada del usuario no se ajusta al formato o a los valores requeridos
- G86 Proporcionar un resumen textual que puedan entender personas con una capacidad de lectura del nivel de educación secundaria obligatoria
- G87 Proporcionar subtítulos ocultos (closed captions)
- G88 Proporcionar títulos descriptivos para las páginas web
- G89 Proporcionar el formato de datos esperado y un ejemplo
- G90 Proporcionar manejadores de eventos activables desde el teclado
- G91 Proporcionar un texto de enlace que describa el propósito del enlace
- G92 Proporcionar una descripción larga para el contenido no textual que cumpla el mismo propósito y presente la misma información
- G93 Proporcionar subtítulos abiertos (siempre visibles)
- G94 Proporcionar una alternativa textual corta para el contenido no textual que cumpla el mismo propósito y presente la misma información que el contenido no textual
- G95 Proporcionar alternativas textuales cortas que ofrezcan una descripción breve del contenido no textual
- G96 Proporcionar una identificación textual de los elementos que, de otro modo, solo se entenderían por información sensorial
- G97 Proporcionar la forma expandida de una abreviatura inmediatamente antes o después de su primer uso
- G98 Proporcionar al usuario la posibilidad de revisar y corregir las respuestas antes de enviarlas
- G99 Proporcionar la posibilidad de recuperar la información eliminada
- G100 Proporcionar una alternativa textual corta que sea el nombre aceptado o un nombre descriptivo del contenido no textual
- G101 Proporcionar la definición de una palabra o frase usada de forma inusual o restringida
- G102 Proporcionar la expansión o la explicación de una abreviatura
- G103 Proporcionar ilustraciones visuales, imágenes y símbolos que ayuden a explicar ideas, acontecimientos y procesos
- G105 Guardar los datos para que puedan usarse después de que el usuario vuelva a autenticarse
- G107 Usar la activación, y no la recepción del foco, como desencadenante de los cambios de contexto
- G108 Usar las características del marcado para exponer el nombre y la función, permitir establecer directamente las propiedades configurables por el usuario y notificar los cambios
- G110 Usar una redirección instantánea en el lado del cliente
- G111 Usar color y patrones
- G112 Usar definiciones en línea
- G115 Usar elementos semánticos para marcar la estructura
- G117 Usar texto para transmitir la información que se transmite mediante variaciones en la presentación del texto
- G120 Proporcionar la pronunciación inmediatamente después de la palabra
- G121 Enlazar a las pronunciaciones
- G123 Añadir un enlace al principio de un bloque de contenido repetido para ir al final del bloque
- G124 Añadir enlaces al principio de la página a cada zona del contenido
- G125 Proporcionar enlaces para navegar a páginas web relacionadas
- G126 Proporcionar una lista de enlaces a todas las demás páginas web
- G127 Identificar la relación de una página web con un conjunto mayor de páginas web
- G128 Indicar la ubicación actual dentro de las barras de navegación
- G130 Proporcionar encabezados descriptivos
- G131 Proporcionar etiquetas descriptivas
- G133 Proporcionar en la primera página de un formulario de varias partes una casilla de verificación que permita a los usuarios solicitar un límite de tiempo de sesión mayor o sin límite
- G134 Validar las páginas web obsoleta
- G135 Usar las funciones de la API de accesibilidad de una tecnología para exponer nombres y funciones, permitir que las propiedades configurables por el usuario se establezcan directamente y notificar los cambios
- G136 Proporcionar al principio de una página web no conforme un enlace que apunte a una versión alternativa conforme
- G138 Usar marcado semántico siempre que se utilicen indicaciones de color
- G139 Crear un mecanismo que permita a los usuarios saltar a los errores
- G140 Separar la información y la estructura de la presentación para permitir distintas presentaciones
- G141 Organizar una página mediante encabezados
- G142 Usar una tecnología cuyos agentes de usuario habituales admitan el zoom
- G143 Proporcionar una alternativa textual que describa el propósito del CAPTCHA
- G144 Garantizar que la página web contiene otro CAPTCHA con el mismo propósito que utiliza una modalidad distinta
- G145 Garantizar una relación de contraste de al menos 3:1 entre el texto (y las imágenes de texto) y el fondo situado detrás del texto
- G146 Usar una maquetación líquida
- G148 No especificar el color del texto ni el color de fondo y no usar características tecnológicas que cambien esos valores predeterminados
- G149 Usar componentes de interfaz de usuario que el agente de usuario resalta al recibir el foco
- G150 Proporcionar alternativas textuales para contenido de solo audio en directo
- G151 Proporcionar un enlace a una transcripción textual de un guion preparado si el guion se sigue durante la emisión
- G152 Configurar los GIF animados para que dejen de parpadear a los 5 segundos o antes
- G153 Hacer que el texto sea más fácil de leer
- G155 Proporcionar una casilla de verificación además de un botón de envío
- G156 Usar una tecnología con agentes de usuario comunes que permitan cambiar el color de primer plano y de fondo de los bloques de texto
- G157 Incorporar en una página web un servicio de subtitulado de audio en directo
- G158 Proporcionar una alternativa para el contenido multimedia dependiente del tiempo en el caso de contenido de solo audio
- G159 Proporcionar una alternativa para el contenido multimedia dependiente del tiempo en el caso de contenido de solo vídeo
- G160 Proporcionar versiones en lengua de signos de la información, las ideas y los procesos que deben comprenderse para usar el contenido
- G161 Proporcionar una función de búsqueda para ayudar a los usuarios a encontrar contenido
- G162 Colocar las etiquetas de forma que las relaciones sean lo más predecibles posible
- G163 Usar signos diacríticos estándar que puedan desactivarse
- G164 Proporcionar un plazo definido durante el cual el usuario pueda modificar o cancelar una solicitud (o transacción) en línea después de realizarla
- G165 Usar el indicador del foco predeterminado de la plataforma para que se conserven los indicadores del foco de alta visibilidad configurados por defecto
- G166 Proporcionar un audio que describa el contenido importante del vídeo e identificarlo como tal
- G167 Usar un botón adyacente para etiquetar el propósito de un campo
- G168 Solicitar confirmación para continuar con la acción seleccionada
- G169 Alinear el texto solo por un lado
- G170 Proporcionar un control cerca del principio de la página web que desactive los sonidos que se reproducen automáticamente
- G171 Reproducir sonidos solo a petición del usuario
- G172 Proporcionar un mecanismo para eliminar la justificación completa del texto
- G173 Proporcionar una versión de la película con audiodescripción
- G174 Proporcionar un control con una relación de contraste suficiente que permita a los usuarios cambiar a una presentación con contraste suficiente
- G175 Proporcionar en la página una herramienta de selección de varios colores para el texto y el fondo
- G176 Mantener el área que destella lo suficientemente pequeña
- G177 Proporcionar sugerencias de texto correcto
- G178 Proporcionar en la página web controles que permitan a los usuarios cambiar de forma progresiva el tamaño de todo el texto de la página hasta el 200 por ciento
- G179 Asegurar que no se pierde contenido ni funcionalidad cuando se cambia el tamaño del texto y los contenedores de texto no cambian de ancho
- G180 Proporcionar al usuario un medio para ajustar el límite de tiempo a 10 veces el límite de tiempo predeterminado
- G181 Codificar los datos del usuario como datos ocultos o cifrados en una página de re-autenticación
- G182 Asegurar que hay indicaciones visuales adicionales cuando se usan diferencias de color del texto para transmitir información
- G183 Usar una relación de contraste de al menos 3:1 para distinguir los enlaces de texto en línea del texto circundante
- G184 Proporcionar instrucciones de texto al principio de un formulario o de un conjunto de campos que describan los datos necesarios
- G185 Enlazar a todas las páginas del sitio desde la página de inicio
- G186 Usar un control en la página web que detenga el contenido en movimiento, parpadeante o de actualización automática
- G187 Usar una tecnología para incluir contenido parpadeante que pueda desactivarse mediante el agente de usuario obsoleta
- G188 Proporcionar un botón en la página para aumentar el interlineado y el espaciado entre párrafos
- G189 Proporcionar un control cerca del principio de la página web que cambie el texto de los enlaces
- G190 Proporcionar un enlace, adyacente o asociado a un objeto no conforme, que lleve a una versión alternativa conforme
- G191 Proporcionar un enlace, un botón u otro mecanismo que recargue la página sin ningún contenido parpadeante
- G192 Cumplir íntegramente las especificaciones obsoleta
- G193 Proporcionar ayuda mediante un asistente en la página web
- G194 Proporcionar corrección ortográfica y sugerencias en la entrada de texto
- G195 Usar un indicador del foco visible proporcionado por el autor
- G196 Usar una alternativa textual en un elemento de un grupo de imágenes que describa todos los elementos del grupo
- G197 Usar etiquetas, nombres y alternativas textuales coherentes para el contenido que tiene la misma funcionalidad
- G198 Proporcionar una forma de que el usuario desactive el límite de tiempo
- G199 Proporcionar una confirmación de que los datos se han enviado correctamente
- G200 Abrir nuevas ventanas y pestañas desde un enlace solo cuando sea necesario
- G201 Avisar a los usuarios con antelación cuando se vaya a abrir una nueva ventana
- G202 Garantizar el control por teclado de toda la funcionalidad
- G203 Usar una alternativa textual estática para describir un vídeo de «busto parlante»
- G204 No interferir con el reajuste del texto del agente de usuario cuando se estrecha la ventana gráfica
- G205 Incluir una pista textual siempre que se usen diferencias de color para transmitir información
- G206 Proporcionar opciones dentro del contenido para cambiar a una disposición que no requiera desplazamiento horizontal para leer una línea de texto
- G207 Garantizar una relación de contraste de al menos 3:1 entre los iconos y sus fondos
- G208 Incluir el texto de la etiqueta visible como parte del nombre accesible
- G209 Proporcionar suficiente contraste en los límites entre colores adyacentes
- G210 Garantizar que las acciones de arrastrar y soltar puedan cancelarse
- G211 Hacer coincidir el nombre accesible con la etiqueta visible
- G212 Usar los controles nativos para garantizar que la funcionalidad se active con el evento de levantar el puntero
- G213 Proporcionar controles convencionales y una opción de configuración para la actuación por movimiento
- G214 Proporcionar un control que permita al usuario cambiar la orientación del contenido
- G215 Proporcionar controles para lograr la misma funcionalidad que un gesto basado en trayectoria
- G216 Proporcionar una activación con puntero único en un control deslizante
- G217 Proporcionar un mecanismo que permita a los usuarios reasignar o desactivar los atajos de teclado de una sola tecla de carácter
- G218 Autenticación mediante enlace por correo electrónico
- G219 Garantizar que existe una alternativa a los movimientos de arrastre que actúan sobre el contenido
- G220 Proporcionar un enlace de contacto en una ubicación coherente
- G221 Proporcionar los datos de un paso anterior de un proceso
- G223 Usar un indicador del foco muy visible proporcionado por el autor
- G224 Tener en cuenta la sangría significativa del texto y el reajuste (reflow)
- G225 Diseñar los paneles de las secciones con desplazamiento horizontal para que quepan en una anchura de 320 píxeles CSS en una página con desplazamiento vertical
- G226 Proporcionar audiodescripción incorporando la narración en la banda sonora
HTML 64
Técnicas para HTML: marcado semántico, formularios, tablas, imágenes, idioma, enlaces.
- H2 Combinar en un solo enlace la imagen y el texto adyacentes que llevan al mismo recurso
- H4 Crear un orden de tabulación lógico entre enlaces, controles de formulario y objetos obsoleta
- H24 Proporcionar alternativas textuales para los elementos area de los mapas de imagen
- H25 Proporcionar un título mediante el elemento title
- H28 Proporcionar definiciones de las abreviaturas mediante el elemento abbr
- H30 Proporcionar en los elementos de anclaje un texto de enlace que describa el propósito del enlace
- H32 Proporcionar botones de envío
- H33 Complementar el texto del enlace con el atributo title
- H34 Usar una marca Unicode de derecha a izquierda (RLM) o de izquierda a derecha (LRM) para mezclar la dirección del texto en línea
- H35 Proporcionar alternativas textuales en los elementos applet obsoleta
- H36 Usar atributos alt en las imágenes empleadas como botones de envío
- H37 Usar atributos alt en los elementos img
- H39 Usar elementos caption para asociar títulos a las tablas de datos
- H40 Usar listas de descripción
- H42 Usar h1-h6 para identificar los encabezados
- H43 Usar los atributos id y headers para asociar las celdas de datos con las celdas de encabezado en las tablas de datos
- H44 Usar elementos label para asociar etiquetas de texto con controles de formulario
- H45 Usar longdesc obsoleta
- H46 Usar noembed con embed obsoleta
- H48 Usar ol, ul y dl para listas o grupos de enlaces
- H49 Usar marcado semántico para marcar el texto enfatizado o especial
- H51 Usar marcado de tabla para presentar información tabular
- H53 Usar el cuerpo del elemento object
- H54 Usar el elemento dfn para identificar la instancia en que se define una palabra o frase
- H56 Usar el atributo dir en un elemento en línea para resolver problemas con secuencias direccionales anidadas
- H57 Usar el atributo de idioma en el elemento html
- H58 Usar atributos de idioma para identificar los cambios de idioma
- H59 Usar el elemento link y las herramientas de navegación obsoleta
- H60 Usar el elemento link para enlazar con un glosario obsoleta
- H62 Usar el elemento ruby
- H63 Usar el atributo scope para asociar las celdas de encabezado con las celdas de datos en las tablas de datos
- H64 Usar el atributo title del elemento iframe
- H65 Usar el atributo title para identificar los controles de formulario cuando no se puede usar el elemento label
- H67 Usar un texto alternativo vacío y ningún atributo title en los elementos img para las imágenes que la tecnología de asistencia debe ignorar
- H69 Proporcionar elementos de encabezado al principio de cada sección de contenido
- H70 Usar elementos frame para agrupar bloques de material repetido obsoleta
- H71 Proporcionar una descripción para los grupos de controles de formulario con los elementos fieldset y legend
- H73 Usar el atributo summary del elemento table para ofrecer una visión general de las tablas de datos obsoleta
- H74 Asegurarse de que las etiquetas de apertura y cierre se usan conforme a la especificación obsoleta
- H75 Asegurarse de que las páginas web están bien formadas obsoleta
- H76 Usar meta refresh para crear una redirección instantánea en el lado del cliente
- H77 Identificar el propósito de un enlace mediante el texto del enlace combinado con el elemento de lista que lo contiene
- H78 Identificar el propósito de un enlace mediante el texto del enlace combinado con el párrafo que lo contiene
- H79 Identificar el propósito de un enlace en una tabla de datos mediante el texto del enlace combinado con la celda que lo contiene y las celdas de encabezado asociadas
- H80 Identificar el propósito de un enlace mediante el texto del enlace combinado con el encabezado que lo precede
- H81 Identificar el propósito de un enlace en una lista anidada mediante el texto del enlace combinado con el elemento de lista padre bajo el que está anidada la lista
- H83 Usar el atributo target para abrir una nueva ventana a petición del usuario e indicarlo en el texto del enlace
- H84 Usar un botón junto a un elemento select para ejecutar una acción
- H85 Usar optgroup para agrupar elementos option dentro de un select
- H86 Proporcionar alternativas textuales para emojis, emoticonos, arte ASCII y leetspeak
- H88 Usar HTML conforme a su especificación
- H89 Usar el atributo title para proporcionar ayuda contextual
- H90 Indicar los controles de formulario obligatorios mediante label o legend
- H91 Usar controles de formulario y enlaces de HTML
- H93 Garantizar que los atributos id sean únicos en una página web obsoleta
- H94 Garantizar que los elementos no contengan atributos duplicados obsoleta
- H95 Usar el elemento track para proporcionar subtítulos
- H96 Usar el elemento track para proporcionar audiodescripción
- H97 Agrupar enlaces relacionados con el elemento nav
- H98 Usar los atributos autocomplete de HTML 5.2
- H99 Proporcionar una lista de páginas
- H100 Proporcionar campos de correo electrónico y contraseña correctamente marcados
- H101 Usar elementos semánticos de HTML para identificar regiones de una página
- H102 Crear diálogos modales con el elemento dialog de HTML
CSS 36
Técnicas para hojas de estilo: contraste, espaciado, reajuste, foco, orden visual.
- C6 Posicionar el contenido basándose en el marcado estructural
- C7 Usar CSS para ocultar una parte del texto del enlace
- C8 Usar la propiedad letter-spacing de CSS para controlar el espaciado dentro de una palabra
- C9 Usar CSS para incluir imágenes decorativas
- C12 Usar porcentajes para el tamaño de la fuente
- C13 Usar tamaños de fuente con nombre
- C14 Usar unidades em para el tamaño de la fuente
- C15 Usar CSS para cambiar la presentación de un componente de la interfaz de usuario cuando recibe el foco
- C17 Escalar los elementos de formulario que contienen texto
- C18 Usar márgenes y relleno de CSS en lugar de imágenes espaciadoras para el control de la maquetación
- C19 Especificar la alineación del texto a la izquierda o a la derecha con CSS
- C20 Usar medidas relativas para fijar la anchura de las columnas de modo que las líneas tengan de media 80 caracteres o menos cuando se cambia el tamaño del navegador
- C21 Especificar un interlineado en CSS
- C22 Usar CSS para controlar la presentación visual del texto
- C23 Especificar los colores del texto y del fondo del contenido secundario, como barras de navegación, menús o tabla de contenidos, y dejar sin especificar los colores del contenido principal
- C24 Usar valores porcentuales en CSS para la anchura de los contenedores
- C25 Especificar bordes y maquetación en CSS para delimitar las áreas de una página web sin especificar los colores del texto ni del fondo del texto
- C27 Hacer que el orden del DOM coincida con el orden visual
- C28 Especificar el tamaño de los contenedores de texto en unidades em
- C29 Usar un selector de estilos para proporcionar una versión alternativa conforme
- C30 Usar CSS para sustituir texto por imágenes de texto y ofrecer controles de usuario para cambiar a otra presentación
- C31 Usar CSS Flexbox para el reajuste (reflow) del contenido
- C32 Usar media queries y CSS Grid para reajustar (reflow) las columnas
- C33 Permitir que las URL largas se partan para que el contenido se reajuste (reflow)
- C34 Usar consultas de medios (media queries) para dejar de fijar los encabezados y pies de página pegajosos (sticky)
- C35 Permitir el espaciado del texto sin ajuste de línea
- C36 Permitir que se modifique el espaciado del texto
- C37 Usar max-width y height de CSS para ajustar las imágenes
- C38 Usar width, max-width y flexbox de CSS para ajustar las etiquetas y los campos de entrada
- C39 Usar la consulta de medios prefers-reduced-motion de CSS para evitar el movimiento
- C40 Crear un indicador del foco de dos colores para garantizar un contraste suficiente con todos los componentes
- C41 Crear un indicador del foco muy visible dentro del componente
- C42 Usar min-height y min-width en el contenedor del objetivo para garantizar una separación suficiente entre objetivos
- C43 Usar scroll-padding de CSS para desocultar el contenido
- C44 Usar CSS para garantizar que los objetivos tengan al menos 44 por 44 píxeles CSS
- C45 Usar la pseudoclase CSS :focus-visible para indicar el foco del teclado
ARIA 26
Técnicas de WAI-ARIA: nombres, funciones, estados, regiones activas y regiones (landmarks).
- ARIA1 Usar la propiedad aria-describedby para proporcionar una etiqueta descriptiva a los controles de la interfaz de usuario
- ARIA2 Identificar un campo obligatorio con la propiedad aria-required
- ARIA4 Usar un atributo role de WAI-ARIA para exponer la función de un componente de la interfaz de usuario
- ARIA5 Usar atributos de estado y propiedad de WAI-ARIA para exponer el estado de un componente de la interfaz de usuario
- ARIA6 Usar aria-label para proporcionar etiquetas a los objetos
- ARIA7 Usar aria-labelledby para indicar el propósito de los enlaces
- ARIA8 Usar aria-label para indicar el propósito de los enlaces
- ARIA9 Usar aria-labelledby para concatenar una etiqueta a partir de varios nodos de texto
- ARIA10 Usar aria-labelledby para proporcionar una alternativa textual al contenido no textual
- ARIA11 Usar funciones (roles) de región ARIA para identificar las regiones de una página
- ARIA12 Usar role=heading para identificar los encabezados
- ARIA13 Usar aria-labelledby para nombrar regiones (landmarks)
- ARIA14 Usar aria-label para proporcionar una etiqueta invisible cuando no se puede usar una etiqueta visible
- ARIA15 Usar aria-describedby para proporcionar descripciones de imágenes
- ARIA16 Usar aria-labelledby para proporcionar un nombre a los controles de interfaz de usuario
- ARIA17 Usar funciones (roles) de agrupación para identificar los controles de formulario relacionados
- ARIA18 Usar aria-alertdialog para identificar errores
- ARIA19 Usar la función (role) alert de ARIA o regiones activas para identificar errores
- ARIA20 Usar la función (role) region para identificar una región de la página
- ARIA21 Usar aria-invalid para indicar un campo con error
- ARIA22 Usar role=status para presentar mensajes de estado
- ARIA23 Usar role=log para identificar actualizaciones de información secuencial
- ARIA24 Identificar semánticamente un icono de fuente con role="img"
- ARIA25 Usar una región activa de ARIA para transmitir el estado de una barra de progreso
- ARIA26 Usar aria-current para identificar el elemento actual de un conjunto
- ARIA27 Usar ariaNotify para transmitir el estado de una barra de progreso
Scripts de cliente 25
Técnicas para JavaScript en el navegador: eventos, foco, validación, contenido dinámico.
- SCR1 Permitir al usuario ampliar el límite de tiempo predeterminado
- SCR2 Usar manejadores de eventos redundantes de teclado y de ratón
- SCR14 Usar scripts para hacer opcionales las alertas no esenciales
- SCR16 Proporcionar un script que avise al usuario de que un límite de tiempo está a punto de expirar
- SCR18 Proporcionar validación y alerta en el lado del cliente
- SCR19 Usar un evento onchange en un elemento select sin provocar un cambio de contexto
- SCR20 Usar funciones de teclado junto con las específicas de otros dispositivos
- SCR21 Usar funciones del Document Object Model (DOM) para añadir contenido a una página obsoleta
- SCR22 Usar scripts para controlar el parpadeo y detenerlo en cinco segundos o menos
- SCR24 Usar la mejora progresiva para abrir ventanas nuevas a petición del usuario
- SCR26 Insertar contenido dinámico en el Document Object Model inmediatamente después del elemento que lo activa
- SCR27 Reordenar secciones de la página mediante el Document Object Model
- SCR28 Usar un menú expandible y contraíble para evitar bloques de contenido
- SCR29 Añadir acciones accesibles por teclado a elementos HTML estáticos
- SCR30 Usar scripts para cambiar el texto de los enlaces
- SCR31 Usar scripts para cambiar el color de fondo o el borde del elemento que tiene el foco
- SCR32 Proporcionar validación en el lado del cliente y añadir el texto de los errores mediante el DOM
- SCR33 Usar scripts para desplazar el contenido y proporcionar un mecanismo para pausarlo
- SCR34 Calcular el tamaño y la posición de forma que se escalen con el tamaño del texto
- SCR35 Hacer accesibles por teclado las acciones usando el evento onclick de enlaces y botones
- SCR36 Proporcionar un mecanismo que permita a los usuarios mostrar el texto en movimiento, en desplazamiento o de actualización automática en una ventana o área estática
- SCR37 Crear cuadros de diálogo personalizados de forma independiente del dispositivo obsoleta
- SCR38 Crear una versión alternativa conforme para una página web diseñada con mejora progresiva
- SCR39 Hacer que el contenido que aparece al pasar el puntero o al recibir el foco pueda recibir el puntero, se pueda descartar y sea persistente
- SCR40 Usar JavaScript para evaluar la consulta de medios prefers-reduced-motion
Scripts de servidor 5
Técnicas para la lógica de servidor: versiones alternativas, preferencias, validación.
- SVR1 Implementar las redirecciones automáticas en el servidor en lugar de en el cliente
- SVR2 Usar .htaccess para garantizar que solo se pueda acceder al contenido no conforme desde contenido conforme
- SVR3 Usar la cabecera HTTP referer para garantizar que solo se pueda acceder al contenido no conforme desde contenido conforme
- SVR4 Permitir que los usuarios indiquen sus preferencias para la presentación de versiones alternativas conformes
- SVR5 Especificar el idioma predeterminado en la cabecera HTTP
PDF 23
Técnicas para documentos PDF: etiquetado, orden de lectura, formularios, marcadores.
- PDF1 Aplicar alternativas textuales a las imágenes con la entrada Alt en documentos PDF
- PDF2 Crear marcadores en documentos PDF
- PDF3 Garantizar un orden de tabulación y de lectura correcto en los documentos PDF
- PDF4 Ocultar las imágenes decorativas con la etiqueta Artifact en documentos PDF
- PDF5 Indicar los controles de formulario obligatorios en formularios PDF
- PDF6 Usar elementos de tabla para el marcado de tablas en documentos PDF
- PDF7 Realizar OCR en un documento PDF escaneado para proporcionar texto real
- PDF8 Proporcionar definiciones de abreviaturas mediante una entrada /E en un elemento de estructura de documentos PDF
- PDF9 Proporcionar encabezados marcando el contenido con etiquetas de encabezado en documentos PDF
- PDF10 Proporcionar etiquetas para los controles de formulario interactivos en documentos PDF
- PDF11 Proporcionar enlaces y texto de los enlaces mediante la etiqueta /Link y su anotación Link en documentos PDF
- PDF12 Proporcionar nombre, función y valor a los campos de formulario en documentos PDF
- PDF13 Proporcionar texto de sustitución mediante la entrada /Alt de los enlaces en documentos PDF
- PDF14 Proporcionar encabezados y pies de página continuos en documentos PDF
- PDF15 Proporcionar botones de envío con la acción submit-form en formularios PDF
- PDF16 Establecer el idioma predeterminado mediante la entrada /Lang
- PDF17 Especificar una numeración de páginas coherente en los documentos PDF
- PDF18 Especificar el título del documento mediante la entrada Title del diccionario de información de un documento PDF
- PDF19 Especificar el idioma de un pasaje o frase mediante la entrada Lang en documentos PDF
- PDF20 Usar el editor de tablas de Adobe Acrobat Pro para reparar tablas mal etiquetadas
- PDF21 Usar etiquetas de lista para las listas en documentos PDF
- PDF22 Indicar cuándo la entrada del usuario no se ajusta al formato o a los valores requeridos en formularios PDF
- PDF23 Proporcionar controles de formulario interactivos en documentos PDF
SMIL 8
Técnicas para SMIL: subtítulos, audiodescripción y multimedia sincronizado.
- SM1 Añadir audiodescripción ampliada en SMIL 1.0
- SM2 Añadir audiodescripción ampliada en SMIL 2.0
- SM6 Proporcionar audiodescripción en SMIL 1.0
- SM7 Proporcionar audiodescripción en SMIL 2.0
- SM11 Proporcionar subtítulos mediante flujos de texto sincronizados en SMIL 1.0
- SM12 Proporcionar subtítulos mediante flujos de texto sincronizados en SMIL 2.0
- SM13 Proporcionar interpretación en lengua de signos mediante flujos de vídeo sincronizados en SMIL 1.0
- SM14 Proporcionar interpretación en lengua de signos mediante flujos de vídeo sincronizados en SMIL 2.0
Texto plano 3
Técnicas para texto plano: estructura en documentos sin marcado.
Ninguna técnica coincide con la búsqueda. Pruebe con el código (p. ej. G94) o con una palabra del título.
