Lista práctica de accesibilidad para cada funcionalidad

Una lista de verificación para cada funcionalidad convierte la accesibilidad de un objetivo vago en unas pocas comprobaciones concretas que se realizan antes de cada publicación. 📋

Una lista de verificación práctica debe ser lo bastante breve como para completarse en unos minutos. Si tarda una hora, las personas la omitirán discretamente cuando haya presión por cumplir los plazos.

Primer elemento: desconecte el ratón y utilice la funcionalidad únicamente con el teclado. Todo lo que se pueda pulsar debe poder alcanzarse con el tabulador.

Mientras se desplaza con el tabulador, confirme que el indicador de foco siempre sea claramente visible y que el orden siga la forma en que se lee el contenido.

Compruebe que los encabezados, las listas, los botones y los enlaces utilizan los elementos adecuados, para que la estructura sea correcta antes de añadir ARIA.

Cada campo de entrada tiene una etiqueta real y cada botón de icono tiene un nombre accesible, de modo que los lectores de pantalla los anuncian con claridad.

Las imágenes informativas incluyen un texto alt significativo, mientras que las puramente decorativas utilizan un alt vacío para que los lectores de pantalla las omitan.

Verifique que el texto cumple los mínimos de contraste y que ninguna información depende únicamente del color, como un error indicado solo en rojo.

Haga una comprobación rápida con un lector de pantalla para confirmar que la funcionalidad se anuncia de forma coherente y que nada importante se interpreta como vacío.

Aumente el zoom de la página al 200 % y compruebe que el contenido se redistribuye sin perder información ni obligar a desplazarse de forma incómoda en dos direcciones.

Considere esta lista un punto de partida. Añada elementos para los widgets y patrones que más utilice su producto, y elimine los que nunca correspondan.

Una lista de verificación breve para cada funcionalidad, que cubra teclado, foco, semántica, nombres, alt, contraste y una comprobación con lector de pantalla, mantiene cada publicación accesible. 📋