Accesibilidad

Funciones de accesibilidad compatibles

• ✓
  Modo oscuro

  Interfaz oscura completa con un selector triple: Claro, Oscuro o seguir la configuración del sistema. Se aplica sin recargar la página. Todos los componentes — tarjetas de partido, modales, navegación — están totalmente estilizados en modo oscuro.
• ✓
  Texto más grande

  Todos los tamaños de fuente usan unidades relativas (rem/em) para escalar con la configuración de tamaño de fuente del sistema. Aumentar el tamaño en iOS Ajustes → Pantalla y brillo → Tamaño del texto, o en Android Pantalla → Tamaño de fuente, se respeta totalmente.
• ✓
  Movimiento reducido

  Cuando «Reducir movimiento» está activado en los ajustes del sistema, se suprimen todas las animaciones y transiciones — incluidos los puntos pulsantes de marcador en vivo, las entradas deslizantes de avisos, las animaciones de modal y el indicador de actualización de marcador. La funcionalidad interactiva se conserva.
• ✓
  VoiceOver y TalkBack (lectores de pantalla)

  La app es navegable con lector de pantalla. La barra de pestañas inferior usa role="tablist" y aria-selected para que VoiceOver anuncie la pestaña activa. Los cinco modales usan role="dialog" con atrapamiento de foco — Tab/Mayús-Tab cicla dentro del modal y el foco vuelve al elemento que lo abrió al cerrarse. Los cambios de marcador en vivo se anuncian automáticamente mediante una región aria-live="polite". Las notificaciones de aviso se anuncian como actualizaciones de estado. Todos los botones de solo icono tienen etiquetas descriptivas.
• ✓
  Control por voz

  Cada elemento interactivo tiene un nombre accesible único y descriptivo que coincide con su etiqueta visible. Puedes decir «Tocar Calendario», «Tocar Marcadores», «Tocar Historial», «Tocar Más opciones de navegación», «Tocar Cerrar», etc. Los elementos del cajón Más (Cuadro, Plantilla, Ajustes, Ayuda) son todos alcanzables por nombre.
• ✓
  Diferenciar sin depender del color

  La información nunca se transmite solo por color. La pestaña de navegación activa muestra un indicador de borde superior de 3 px además del cambio de color. El indicador de partido en vivo usa role="img" con una etiqueta accesible («Partido en vivo en curso») para que los lectores de pantalla lo anuncien. Las píldoras de victoria/derrota siempre incluyen texto («GANADO»/«PERDIDO»).
• ✓
  Contraste suficiente

  Las etiquetas de los botones de navegación cumplen WCAG AA (≥ 4.5:1) de contraste sobre el fondo blanco. Cuando «Aumentar contraste» está activado en los ajustes del sistema (prefers-contrast: more), el texto secundario se refuerza hasta aproximadamente 11:1, los fondos de las píldoras de resultado pasan a colores oscuros sólidos, y el indicador de navegación se engrosa para mayor claridad.
• —
  Subtítulos

  No aplicable — Eggbeater no contiene contenido de vídeo ni audio.
• —
  Audiodescripciones

  No aplicable — Eggbeater no contiene contenido de vídeo.

Cómo activar las funciones de accesibilidad