debugfest/two-zero-four-eight

Feature Request: Add Accessibility Features and Theme Switcher

开放

#4 创建于 2025年10月11日

 (1 条评论) (0 个反应) (1 位负责人)TypeScript (5 个派生)auto 404
enhancementgood first issuehacktoberfest

仓库指标

星标
 (0 个星标)
PR 合并指标
 (PR 指标待抓取)

描述

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.

贡献者指南