GitQuest is accessible to everyone
Accessibility is not an option, it is a foundation. GitQuest includes 11 accessibility features so that every person can learn Git, regardless of their disability or preferences.
Accessibility features
Target conformance level
Screen reader compatible
All accessibility features
Each feature can be enabled independently in the dedicated accessibility settings screen within the application.
VoiceOver (iOS) & TalkBack (Android)
- Labels (accessibilityLabel) on all buttons, cards and input fields
- Hints (accessibilityHint) for complex interactions
- Semantic roles: button, radio, text, progressbar, tab, dialog, header, alert
- Dynamic states: disabled, selected, checked to reflect current state
- Min/max/now values on progress bars
- Decorative elements hidden (emojis, icons) via accessibilityElementsHidden
- Bilingual support: labels in French and English
Larger font (3 levels)
- Normal (x1.0) — Default size
- Large (x1.2) — Text enlarged by 20%
- Extra large (x1.4) — Text enlarged by 40%
- Applies to all text: buttons, badges, fields, navigation and game content
Dark interface (3 themes)
- Light theme — Background #FAFAFA, text #1A1A1A, ideal outdoors
- Dark theme — Background #121214, text #F5F5F5, comfortable in low light
- Fun theme — Background #FAF5FF, purple accents #8B5CF6, for a change of mood
- The theme is persisted and survives app restarts
Color blind mode (3 types)
- Protanopia (red blindness, ~1% of men): blue and orange replace green and red
- Deuteranopia (green blindness, ~6% of men): same blue/orange strategy
- Tritanopia (blue blindness, ~0.1%): red and green replace blue/yellow hues
- Icons systematically paired with colors (success, error, warning)
- Letters A/B/C/D on answer buttons
- Numeric counter for lives (e.g. "3/5")
- Color is never the sole carrier of information
Sufficient contrast
- Primary text: 15.3:1 (light) / 14.8:1 (dark) — Level AAA
- Secondary text: 6.4:1 (light) / 7.2:1 (dark) — Level AA
- Primary color: 4.68:1 (light) / 5.2:1 (dark) — Level AA
- Success and error: AA-compliant ratios across all modes
- High contrast mode available: text #FFFFFF/#000000 on background #000000/#FFFFFF
Dyslexia font (OpenDyslexic)
- OpenDyslexic font built-in (Regular + Bold)
- Can be enabled and disabled in settings
- Applies to all text throughout the application
- Graceful loading: if the font fails, the app continues with the default font
Reduced animations
- Toggle in accessibility settings
- Disables all transitions and animations
- Affects: life animations, modals, progress bars, background effects
- Values change instantly instead of being animated
Haptic feedback (vibrations)
- Can be enabled and disabled
- Light impact: button press
- Medium impact: action confirmation
- Selection: answer choice change
- Notification: success or error response
Sound effects
- Can be enabled and disabled
- Distinct sounds: correct answer, wrong answer, success, error, game over, level up
- Respects iOS silent mode
Accessible touch targets
- Minimum size of 48px for all interactive elements
- Touch target extension (+10px) on small elements
- Compliant with Apple recommendations (44pt minimum)
Dedicated accessibility settings screen
All settings are centralized in a dedicated screen, organized in clear sections. Each setting is persisted between sessions.
Text size
Normal / Large / Extra large
Display
High contrast, reduce animations, dyslexia font
Color blind mode
Disabled / Protanopia / Deuteranopia / Tritanopia
Sensory feedback
Vibrations and sounds can be enabled independently
Themes
Light / Dark / Fun
Screen reader
VoiceOver and TalkBack compatible
Credits
GitQuest's accessibility was designed and implemented by Anais Sparesotto.
Learn Git, accessible to everyone
Download GitQuest and discover an application where every person can make progress.
Start now