feat: phase 5.2 — accessible modals, focus restoration, translatable a11y labels#151
Conversation
…a11y labels - Route GradeStudent (keyboard-shortcuts) and RubricBuilder (markdown hint, version history) ad-hoc modals through the shared Radix-backed Modal, which provides a focus trap, focus restoration to the trigger on close, and Escape-to-close. - Make RubricBuilder drag-handle aria-labels translatable (rubricBuilder.drag_reorder_criterion / _level / untitled). - i18n the existing skip-to-content link (new a11y.skip_to_content namespace). All new keys added to EN/NL/FR/DE/ES. Note: a global :focus-visible outline and the skip link already exist in main, so AAA focus-ring and skip-nav targets were already satisfied. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
Warning Review limit reached
More reviews will be available in 55 minutes and 51 seconds. Learn how PR review limits work. Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file). ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits. 🚦 How do rate limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate. For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, the refill rate gradually slows as usage increases. The highest same-day bursts are limited more strictly. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Organization UI Review profile: ASSERTIVE Plan: Pro Plus Run ID: 📒 Files selected for processing (8)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Coverage Report
File Coverage
|
||||||||||||||||||||||||||||||||||||||||||||
…igger The version-history panel is now a focus-trapping Radix dialog, which marks the outside DOM aria-hidden — so re-clicking the trigger to toggle it closed no longer works (the button leaves the accessibility tree). Close it with Escape instead. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
1 participant
Part of Phase 5 (UI/UX Polish) — sub-phase 5.2 WCAG AAA, interaction/focus side. (Contrast side shipped separately in #147.)
What
Modalcomponent → focus trap, focus restoration to the trigger on close, and Escape-to-close (previously hand-rolled overlays with no focus management).aria-labels translatable (rubricBuilder.drag_reorder_criterion/_level/untitled) —@hello-pangea/dndalready provides keyboard dragging.a11y.skip_to_contentkey).Notes
:focus-visibleoutline and the skip-nav link already existed inmain, so those AAA targets were already met.Verification
npm run typecheckcleannpm run lint0 errors (pre-existing warnings only)npm test1609 passed / 103 files, i18n parity green🤖 Generated with Claude Code