Todos los UX Hacks

Checklist15 minutos

Checklist de accesibilidad para formularios

5 puntos y 15 minutos para revisar un formulario antes de producción, cada uno con su prueba rápida y el criterio de WCAG 2.1 AA que lo respalda.

Vista previa de Checklist de accesibilidad para formularios

Para quién es

Diseñadores, desarrolladores front-end y QA que van a sacar un formulario a producción: registro, contacto, checkout o cualquier flujo donde la persona tiene que escribir.

Qué incluye

  • Etiquetas: visibles y conectadas a cada campo.
  • Teclado: el formulario completo se llena sin mouse.
  • Errores: mensajes que se entienden sin depender del color.
  • Contraste: texto, bordes y foco que pasan AA.
  • Autocompletar: tipos de campo y autocomplete bien configurados.
  • Pro-tip del consultor: la prueba que casi nadie hace y que encuentra lo que falta.

Cómo usarlo

  1. 01

    Duplica la página en tu Notion y ábrela junto al formulario en staging.

  2. 02

    Recorre los 5 puntos en orden y marca cada casilla solo si pasa la prueba rápida.

  3. 03

    Lo que no pase, conviértelo en ticket antes de publicar y agrega la checklist a la Definition of Done del equipo.

Consíguelo

Úsalo libremente en tus proyectos y con tus clientes; solo no lo revendas. Licencia CC BY-NC 4.0.

¿Prefieres hacerlo acompañado?

Facilito la sesión con tu equipo y te entrego el resultado listo para diseñar.

Escríbeme por DM · @burruelstudio