Articles

Lista de verificación para una PWA accesible

La aplicación móvil de True Luck Casino es de tipo PWA, y eso condiciona por completo cómo se prueba su accesibilidad. No hay tienda de aplicaciones que filtre fallos de contraste ni un instalador que valide etiquetas ARIA antes de publicar. Todo depende de una auditoría manual que combine revisión visual, pruebas táctiles y un recorrido real con lector de pantalla. Esta lista de verificación nace de auditar paneles de casino que funcionan como web app instalable, donde el mismo componente puede mostrarse de tres formas distintas según el contexto y el estado de la sesión.

Contraste, objetivos táctiles y teclado externo: la base que se puede medir

El contraste es el primer filtro porque castiga tanto al usuario con baja visión como al que juega con el brillo al mínimo en un tren. Aplica la relación 4.5:1 para texto normal y 3:1 para texto grande, pero no te quedes en la portada. En una PWA de casino los puntos críticos son el saldo promocional en el cajero, los importes del bono de bienvenida de 4 000 €, los plazos del rollover y los mensajes de error del formulario de registro. Un gris sobre gris en una etiqueta secundaria del Club VIP pasa desapercibido en la revisión visual y se convierte en un bloqueo real para quien depende del contraste para distinguir el estado activo de un botón.

Los objetivos táctiles merecen una medición con regla, no con intuición. El mínimo recomendado es 44 por 44 píxeles CSS, y en la franja inferior de navegación de la PWA conviene subir a 48 porque el pulgar se apoya ahí sin precisión. Revisa los enlaces de “condiciones del bono”, los selectores de importe en el cajero y cualquier icono de cierre de un aviso de campaña promocional. Si dos objetivos quedan a menos de 8 píxeles de separación, el usuario con temblor esencial pulsará el equivocado y abrirá el chat de soporte en lugar de confirmar un retiro. Espaciar sin agrandar el icono suele ser la solución más limpia y no rompe el diseño.

La navegación por teclado externo es la prueba que casi nadie ejecuta en una PWA y la que más defectos revela. Conecta un teclado Bluetooth al móvil y recorre el flujo completo: registro con el código promocional, entrada al cajero, selección del método de pago y confirmación del retiro. Verifica que el foco sea visible en todo momento, que el orden siga la lectura lógica y que no existan trampas de foco en modales de promociones vigentes; conviene revisar también cómo se comporta el foco al consultar información como la de https://casino-true-luck.com/es/codigo-promocional/ dentro de esos mismos modales. Un modal que atrapa el foco y no devuelve al botón de origen deja al usuario de teclado en un callejón sin salida, y en una PWA ese fallo se reproduce igual en Android que en escritorio.

Lector de pantalla: donde los paneles de la PWA dejan de coincidir

Aquí está el detalle que separa una auditoría superficial de una útil. No todos los paneles de la PWA están etiquetados igual, así que probar con VoiceOver o TalkBack en un solo apartado no valida el resto. He visto paneles de retiro donde el aviso de estado se anunciaba correctamente mediante una región viva, y otros del mismo operador donde el cambio de “pendiente” a “procesado” ocurría en un div sin rol ni atributo de anuncio. El usuario de lector de pantalla se queda esperando una confirmación que nunca llega y vuelve a pulsar el botón, generando una segunda solicitud.

La comprobación concreta es esta: activa el lector, inicia un retiro de prueba y escucha. Debes oír el cambio de estado sin tocar la pantalla, con un mensaje claro que incluya el importe y el plazo estimado. Si el aviso solo cambia de color o aparece un spinner, falla. Repite la operación en el panel de depósito, en la sección de bonos y en la gestión de la cuenta de usuario, porque la implementación varía de un módulo a otro. Documenta cada panel por separado en tu hoja de auditoría; agruparlos bajo un “accesible” genérico es el error que arrastra la mayoría de informes.

El resto de la capa semántica se revisa en paralelo. Los campos del registro necesitan etiqueta asociada, no solo texto de ayuda flotante que desaparece al escribir. Los errores deben anunciarse y describir la corrección, no limitarse a un borde rojo. Las imágenes de las tragamonedas llevan texto alternativo con el nombre del juego, y los contadores de las 175 tiradas gratis deben exponer su valor actual de forma legible. Comprueba también que la pasarela de pago mantiene el foco y el orden de lectura cuando se abre en una vista integrada, porque ahí se rompe la continuidad con más frecuencia de la esperada.

Una nota sobre el contexto del operador: Luckywayz Limited B.V. gestiona la plataforma del operador internacional, y la PWA se comporta como una capa de presentación sobre ese sistema. Eso significa que algunos avisos de estado dependen de la respuesta del backend y llegan con retardo. Al probar con lector de pantalla, espera al menos diez segundos antes de declarar que el anuncio no funciona; a veces el problema es de sincronización y no de etiquetado, y confundir ambos te lleva a pedir un cambio que no resuelve nada.

Para cerrar la ronda, deja por escrito tres evidencias por cada punto: captura del contraste medido, medida del objetivo táctil y grabación del recorrido con teclado o lector. Repite la prueba tras cada actualización de la PWA, porque los cambios de diseño reaparecen con los mismos fallos en módulos distintos. Si necesitas contexto sobre el bono y sus condiciones antes de auditar el flujo de retiro, casino-true-luck.com funciona como guía informativa independiente y te ahorra interpretar el rollover de x40 sobre la marcha. Y no olvides comprobar el canal de soporte anunciado en la app, @TrueLuckNL26, para confirmar que las respuestas llegan también en formato accesible.