Skip to content

Fix timer auto-submit and add accessibility features - #130

Open
Lynndabel wants to merge 1 commit into
MindFlowInteractive:mainfrom
Lynndabel:QuestionContainer
Open

Fix timer auto-submit and add accessibility features#130
Lynndabel wants to merge 1 commit into
MindFlowInteractive:mainfrom
Lynndabel:QuestionContainer

Conversation

@Lynndabel

Copy link
Copy Markdown

All changes completed:

QuestionContainer.tsx

  • Added auto-submit handler when timeLeft === 0 that submits as incorrect and triggers the game-over modal via the same flow as a wrong answer

Question.tsx

  • Added role="timer", aria-live="polite", and aria-atomic="true" to the timer span for screen reader announcements
  • Added visual warning when ≤30s remain: timer changes from yellow to red and gets a pulse animation (respects prefers-reduced-motion via Tailwind's animate-pulse)

The timer now properly ends the game when it reaches 0, and screen readers will announce time updates.

closes #120

- Add auto-submit handler when timeLeft reaches 0 in QuestionContainer
- Add role=timer, aria-live=polite, aria-atomic=true to timer for screen readers
- Add visual warning (red color + pulse) when ≤30s remain
@drips-wave

drips-wave Bot commented Aug 25, 2026

Copy link
Copy Markdown

@Lynndabel Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix: QuestionContainer has no timeout handler and the timer isn't announced

1 participant