Skip to content

Visual Accessibility

This content is not available in your language yet.

Keeping Score! ensures that visual information is accessible to users with low vision, color blindness, or motion sensitivity.

All interactive elements meet WCAG contrast requirements. Text, buttons, and icons have sufficient contrast against their backgrounds in both light and dark modes.

Selected and active states are always distinguishable without relying on color alone:

  • Rank badges use borders and shapes in addition to color
  • Selected players have border indicators, not just color changes
  • Active/inactive states use opacity and weight differences alongside color
  • Rank badges use orange (not yellow) for better contrast
  • Disabled elements use secondary foreground color for clear distinction
  • The 9 persona colors are chosen for visual distinctiveness

The app respects the Reduce Motion accessibility setting in iOS:

AnimationStandardReduce Motion
Confetti celebrationFull particle animationStatic result display
Score transitionsAnimatedInstant
Screen transitionsStandard iOS animationsReduced/crossfade

When Reduce Motion is enabled, celebrations still show the winner — just without animation.

Full dark mode support throughout the app. All screens, components, and the AirPlay display work in both light and dark modes.

  • The app automatically follows your system appearance (light/dark mode)
  • If you use color filters or increased contrast in iOS Settings, the app respects those system-wide settings
  • The AirPlay TV display always uses a dark theme regardless of your device setting, as it’s optimized for TV viewing

Yes. No information is conveyed by color alone — all states use shape, border, opacity, or text indicators in addition to color. The app is designed to be fully usable with any type of color blindness.

Can I use the app with Increase Contrast enabled?

Section titled “Can I use the app with Increase Contrast enabled?”

Yes. The app respects the system-wide Increase Contrast setting and renders all elements with enhanced contrast when enabled.