Accessibility

Built so every spectator can follow the game.

VoiceOver, Voice Control, Larger Text, Reduced Motion, Dark Mode, high-contrast, and colour-independent UI — what's covered, what's tested, and how to report a gap. Last reviewed May 2026.

VoiceOver & TalkBackVoice ControlWCAG 2.1 AA target

WCAG conformance

Eggbeater targets WCAG 2.1 Level AA conformance across the iOS app, Android app and web. We’re tracking toward Level AA on a rolling basis and resolve gaps as they’re identified. This statement covers features shipped as of May 2026.

Supported accessibility features

Dark Mode

Pick the interface with a three-way toggle (Light, Dark, or follow the system setting). Applied without page reload.

Larger Text

All font sizes use relative units (rem) so they scale with your device’s system font size setting, increasing text size in iOS Settings → Display & Brightness → Text Size and Android Display → Font size really respected.

Reduced Motion

When "Reduce Motion" is enabled in your system settings, all animations and transitions are suppressed (including live-score pulsing dots, tab-bar slide-ins, modal animations, and the score-update spinner). Interactive functionality is preserved.

VoiceOver & TalkBack (screen reader)

The app is navigable by screen reader. The bottom tab bar uses role="tablist" and aria-selected; live regions announce score updates without stealing focus. Live-score changes are announced authentically.

Voice Control

Every interactive element has a unique, descriptive accessible name matching its visible label. You can say "Tap Schedule," "Tap Scores," "Tap My Player," etc. There’s no hidden labels that aren’t available by name.

Differentiate Without Color Alone

Information is never conveyed by color alone. The active tab shows a 3-px-top-border indicator in addition to the color change. The live-game indicator uses a pulsing dot with an accessible label ("Live game in progress") so it’s announced by screen readers. Win/loss pills always include a label ("WIN" / "LOSS").

Sufficient Contrast

Navigation labels clear WCAG AA (4.5:1) contrast against the white backdrop. When "Increase Contrast" is enabled in system settings, body text and secondary text get extra weight; non-text UI becomes solid dark colors and the contrast ratio approximately 9:1, most all backgrounds become solid dark colors.

How to enable accessibility features

Dark Mode

Open the app → Settings → Appearance. Choose Light, Dark or System.

Larger Text (iOS)

Settings → Display & Brightness → Text Size, or enable the larger sizes under Accessibility → Display & Text Size.

Larger Text (Android)

Settings → Display → Font size and increase the slider — Eggbeater respects it throughout.

VoiceOver (iOS)

Triple-click the side button, or go to Settings → Accessibility → VoiceOver and toggle it on. Swipe right/left to move between elements, double-tap to activate.

TalkBack (Android)

Settings → Accessibility → TalkBack, then toggle it on. Swipe right/left to navigate, double-tap to activate.

Voice Control

Settings → Accessibility → Voice Control, then turn it on. Say the name of any button to activate it. Eggbeater labels every interactive element by name.

Reduced Motion

iOS: Settings → Accessibility → Motion → Reduce Motion. Android: Settings → Accessibility → Remove animations.

Increase Contrast

iOS: Settings → Accessibility → Display & Text Size → Increase Contrast. Android: Settings → Accessibility → Color and motion → High contrast text.

Report an accessibility issue

If you encounter a barrier — or anything that prevents you from using any part of the app — please let us know. We aim to respond within 2 business days and resolve confirmed issues in the next app update. Your feedback helps us get there.