Lista de accesibilidad

Esta lista aún está en proceso de ser terminada y se encuentra incompleta. No debe ser usada como un reemplazo a las pautas de accesibilidad para el contenido web, sino como material de apoyo.

La información sobre accesibilidad web está principalmente disponible en inglés y puede resultar difícil de entender debido a su lenguaje técnico. Existen una enorme cantidad de documentos, y si no tienes experiencia y conocimiento previo es difícil encontrar y comprender lo que estás buscando.

Esta lista existe para ser usada como ayuda cuando tengas que crear componentes y sitios que sean inclusivos. Está basada en las pautas de accesibilidad para el contenido web 2.1 y mejores prácticas.

Animaciones

Existe una opción para desactivar animaciones

Existe opción de poner en pausa animación que dura más de 5 segundos

Color y contraste

Elementos de interfaz tienen una relación de contraste mínima de 3:1

Contenido textual tiene una relación de contraste mínima de 4.5:1

Estructura y semántica

Encabezados son descriptivos

Página tiene enlace para saltar a contenido principal

Encabezados usan código semántico

Listas deben usar código semántico

Orden lógico de encabezados

Todo el contenido de la página debe estar dentro de un punto de referencia

Usa enlaces para ir a otra página o sección

Botones son usados al generar una acción

Formularios

Mensajes de error están asociados al control correspondiente

Campos obligatorios y opcionales son etiquetados como tal

Fieldset y legend son usados para agrupar elementos de formulario

Controles de formulario deben tener una etiqueta visible

Etiquetas deben estar asociadas al control correspondiente

Ofrece instrucciones si los campos tienen restricciones

Mensajes de error describen el problema y sugiere cómo arreglarlo

Mensajes de error son presentados en formato de texto

Etiquetas están visualmente cerca de su control

Usa autocompletado en campos que piden información personal

Imágenes y contenido no textual

Imágenes no decorativas deben tener atributo alt que describa propósito

Evita usar imágenes de texto

Imágenes decorativas tienen un atributo alt vacío

Elementos svg decorativos tienen un atributo aria-hidden

Multimedia

Contenido grabado de solo audio tiene una transcripción

Contenido grabado de solo video tiene una transcripción o audio descriptivo

Nombre accesible y etiqueta

Botones y enlaces tienen un nombre accesible

Propósito de enlaces y botones puede ser determinado por etiqueta

La etiqueta visible de controles debe ser incluida en el nombre accesible

Otros

No dependas de funcionalidad de gestos basada en múltiples puntos

El lenguaje principal de la página puede ser identificado

Título de página es descriptivo

Teclado y foco

Elementos que reciben foco no deben crear un cambio de contexto

Elementos interactivos deben tener un foco visible

Elementos interactivos con aria-hidden="true" no deben recibir foco

El foco de elementos sigue un orden lógico

Zoom

Hacer zoom quita la posición fija de elementos

Tamaño de texto puede ser ajustado a 200%

Se puede hacer zoom hasta 400% sin pérdida de contenido