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

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

Estructura y semántica

Encabezados son descriptivos

Encabezados usan código semántico

Página tiene enlace para saltar a contenido principal

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

Fieldset y legend son usados para agrupar elementos de formulario

Campos obligatorios y opcionales son etiquetados como tal

Etiquetas deben estar asociadas al control correspondiente

Controles de formulario deben tener una etiqueta visible

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

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

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

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

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 invisibles no deben recibir foco

El foco de elementos sigue un orden lógico

Zoom

Hacer zoom quita la posición fija de elementos

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