-
Notifications
You must be signed in to change notification settings - Fork 8
[A11y] Add aria-live Polite Region to Focus Timer Display #83
Copy link
Copy link
Open
Labels
accessibilityAccessibility / a11y improvements (ARIA attributes, keyboard navigation, contrast)Accessibility / a11y improvements (ARIA attributes, keyboard navigation, contrast)area:coreCore domain logic, shared arithmetic helpers, security, and utility servicesCore domain logic, shared arithmetic helpers, security, and utility servicesbeginner friendlyAccessible task suitable for developers new to open sourceAccessible task suitable for developers new to open sourcebugConfirmed defect, malfunctioning behavior, or validation errorConfirmed defect, malfunctioning behavior, or validation errorcommunityCommunity-driven enhancement, UX feedback, or resource sharingCommunity-driven enhancement, UX feedback, or resource sharingcontributions-welcomeCommunity contributions are explicitly encouraged for this issueCommunity contributions are explicitly encouraged for this issuedifficulty:beginnerBeginner-friendly task with single-file scope and clear acceptance criteriaBeginner-friendly task with single-file scope and clear acceptance criteriadifficulty:easyStraightforward task requiring basic familiarity with React/TypeScriptStraightforward task requiring basic familiarity with React/TypeScriptenhancementSmall improvement, refinement, or feature expansionSmall improvement, refinement, or feature expansiongood first issueCurated, self-contained task suitable for first-time contributorsCurated, self-contained task suitable for first-time contributorshacktoberfestEligible high-quality task for open-source community eventsEligible high-quality task for open-source community eventshelp wantedMaintainer is actively welcoming community contributions on this issueMaintainer is actively welcoming community contributions on this issuetestingUnit tests, test matrix expansion, validation fixtures, and regression coverageUnit tests, test matrix expansion, validation fixtures, and regression coveragetime:<15mQuick fix, typo correction, or minor tweak (< 15 minutes)Quick fix, typo correction, or minor tweak (< 15 minutes)up-for-grabsUnassigned issue that is available for any contributorUnassigned issue that is available for any contributor
Description
Activity
Metadata
Metadata
Assignees
Labels
accessibilityAccessibility / a11y improvements (ARIA attributes, keyboard navigation, contrast)Accessibility / a11y improvements (ARIA attributes, keyboard navigation, contrast)area:coreCore domain logic, shared arithmetic helpers, security, and utility servicesCore domain logic, shared arithmetic helpers, security, and utility servicesbeginner friendlyAccessible task suitable for developers new to open sourceAccessible task suitable for developers new to open sourcebugConfirmed defect, malfunctioning behavior, or validation errorConfirmed defect, malfunctioning behavior, or validation errorcommunityCommunity-driven enhancement, UX feedback, or resource sharingCommunity-driven enhancement, UX feedback, or resource sharingcontributions-welcomeCommunity contributions are explicitly encouraged for this issueCommunity contributions are explicitly encouraged for this issuedifficulty:beginnerBeginner-friendly task with single-file scope and clear acceptance criteriaBeginner-friendly task with single-file scope and clear acceptance criteriadifficulty:easyStraightforward task requiring basic familiarity with React/TypeScriptStraightforward task requiring basic familiarity with React/TypeScriptenhancementSmall improvement, refinement, or feature expansionSmall improvement, refinement, or feature expansiongood first issueCurated, self-contained task suitable for first-time contributorsCurated, self-contained task suitable for first-time contributorshacktoberfestEligible high-quality task for open-source community eventsEligible high-quality task for open-source community eventshelp wantedMaintainer is actively welcoming community contributions on this issueMaintainer is actively welcoming community contributions on this issuetestingUnit tests, test matrix expansion, validation fixtures, and regression coverageUnit tests, test matrix expansion, validation fixtures, and regression coveragetime:<15mQuick fix, typo correction, or minor tweak (< 15 minutes)Quick fix, typo correction, or minor tweak (< 15 minutes)up-for-grabsUnassigned issue that is available for any contributorUnassigned issue that is available for any contributor
good first issue,accessibility,difficulty:beginner,area:coresrc/components/focus/focus-timer-card.tsxWhy This Matters
Live countdown timers must notify assistive technology users of active session changes politely without interrupting ongoing screen reader speech.
Current Behavior
The timer display container in
src/components/focus/focus-timer-card.tsxupdates dynamically but lacksaria-live="polite"region attributes.Requested Change
Add
aria-live="polite"andaria-atomic="true"attributes to the timer display section insrc/components/focus/focus-timer-card.tsx.Acceptance Criteria
aria-live="polite"attribute added to active timer container.aria-atomic="true"attribute added.npm run test:file -- tests/focus-engine.test.ts.Verification
Contributor Notes
Self-contained accessibility fix.
🚀 How to Claim and Implement an Issue
mainreferencing this issue number!