Skip to content

Feature Request: Add Accessibility Features and Theme Switcher #4

@debugfest

Description

@debugfest

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.

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions