debugfest / debugfest/two-zero-four-eight
Feature Request: Add Accessibility Features and Theme Switcher
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Description
The current game design lacks accessibility options such as dark mode and larger/tactile buttons, making it harder for visually impaired or younger players to enjoy. A theme switcher and accessibility improvements can significantly enhance usability.
### 🎯 Proposed Solution
- Add a **Theme Switcher** for light/dark modes.
- Introduce accessibility settings:
- Larger buttons.
- High-contrast color scheme.
- Keyboard navigation and focus indicators.
- Save theme and accessibility preferences locally.
### ✅ Expected Behavior
- Users can toggle between light and dark modes.
- Buttons are larger and accessible via keyboard.
- All UI elements meet WCAG AA contrast standards.
### 💻 Technical Notes
- Use CSS variables or Tailwind theme configuration for theming.
- Ensure ARIA roles for interactive elements.
- Use prefers-color-scheme media query for default theme detection.
### 🧪 Test Steps
1. Switch to Dark Mode → verify consistent UI styling.
2. Navigate with keyboard → ensure focus states are visible.
3. Check contrast ratio using Lighthouse Accessibility Audit.
Contributor guide
Assessment
This issue has not been assessed yet.