Caso de estudioAplicación web accesible

Portal de servicios para miembros de una organización sin fines de lucro

Una organización de servicios para personas con discapacidades necesitaba un portal accesible para que su clientela gestionara servicios, citas y recursos.

Este caso está anonimizado para proteger la confidencialidad del cliente.

Tiempo14 semanas
Sin fines de lucroReactTypeScriptWCAG 2.2 AANuevo desarrollo

Resultados

Puntuación de accesibilidad

AntesN/A
Después100

Compatibilidad con lector

AntesNinguna
DespuésCompleta

Navegación por teclado

AntesNinguna
DespuésCompleta

El reto

Las soluciones existentes no eran accesibles para la clientela de la organización. Muchas personas usuarias dependen de lectores de pantalla, dispositivos switch y otras tecnologías asistivas. Las plataformas disponibles fallaban la navegación por teclado y carecían de soporte ARIA.

Nuestra solución

Construimos una aplicación web accesible desde cero con React, TypeScript y patrones ARIA implementados con cuidado. Cada componente fue diseñado y probado con tecnologías asistivas reales desde el primer sprint — no en retrospectiva.

Cómo lo abordamos

  • Levantamiento de requisitos con la organización e insumo directo de personas usuarias de tecnologías asistivas
  • Accesibilidad a nivel de componente integrada desde la fase de diseño
  • Todos los patrones interactivos construidos según las especificaciones de la Guía de Prácticas de Autoría ARIA
  • Pruebas con NVDA, JAWS, VoiceOver, Switch Access y teclado durante todo el desarrollo
  • Capacitación del personal en creación de contenido accesible antes de la entrega

Puntos clave

  • Incluir personas usuarias de tecnologías asistivas en los requisitos — no solo en las pruebas — eliminó categorías enteras de errores ARIA.
  • Los patrones de navegación por teclado requieren decisiones de diseño deliberadas que no pueden ser retroalimentadas económicamente.
  • La organización ahora tiene una plataforma que sirve a toda su membresía.

¿Un reto similar en su equipo?

Cuéntenos con qué trabaja y delimitaremos el proyecto correcto.

Mascota Gus T., un consultor animado de accesibilidad

Gus T.

En línea

¡Hola! Soy Gus T. — el lado gusty de Huracán Studios. Pregúnteme lo que quiera sobre cumplimiento WCAG, auditorías o cómo podemos ayudar a su organización.

Preguntas de accesibilidad, precios, o simplemente no sabe por dónde empezar — aquí estoy.