Uh oh!
There was an error while loading. Please reload this page.
🎨 Palette: 탭 컴포넌트 키보드 탐색(Roving tabindex) 지원 - #86
Conversation
- WAI-ARIA 탭 디자인 패턴에 따라 탭 컴포넌트에 Roving tabindex 지원을 추가했습니다. - 선택된 탭만 `tabindex="0"`을 가지고 나머지는 `-1`을 가져 탭 키로 패널에 바로 접근할 수 있습니다. - 방향키(`ArrowRight`, `ArrowLeft`)를 사용하여 탭을 이동하고 선택할 수 있도록 `keydown` 이벤트를 처리했습니다. - 스크린 리더 사용자를 위해 `tablist`에 `aria-label`을 추가했습니다.
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
Warning Review limit reached
Next review available in:6 minutes Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available. How can I continue?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 reviews. How do review limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability. 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, additional reviews become available more gradually as earlier reviews age out of the rolling window. Please refer docs for additional details. Review details⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (6)
Comment |
seonghobae
commented
Aug 6, 2026
Superseded by current-base PR #144. The replacement preserves this PR's valid roving-tabindex intent, adds Home/End navigation, keeps selection/focus/panel visibility synchronized, makes plain-text panels keyboard reachable, adds test-first regression contracts, and records WAI-ARIA/APG limits and APA 7th references in authoritative doctoring documentation. Closing this stale, non-mergeable branch prevents competing repairs and cancelled exact-head checks. |
알겠습니다. 이 작업은 현재 중단하고 PR을 정리하겠습니다. 훌륭한 추가 작업(Home/End, 패널 접근성, 테스트, 문서화)에 감사드립니다. |
💡 What: KRDS 탭 컴포넌트에 Roving tabindex와 방향키 탐색 기능을 추가했습니다.
🎯 Why: 기존에는 모든 탭이 자연스러운 탭 순서(natural tab order)에 포함되어 있어 키보드 사용자가 탭 패널 내용으로 진입하기 위해 모든 탭을 순차적으로 통과해야 하는 불편함이 있었습니다.
📸 Before/After: 시각적 변화는 없지만, 키보드 탐색 경험이 크게 개선되었습니다. 방향키로 탭 전환이 가능합니다.
♿ Accessibility: WAI-ARIA 탭 권장 패턴(Roving tabindex)을 준수하도록 개선하고,
tablist에aria-label을 추가해 컨텍스트를 명확히 했습니다.PR created automatically by Jules for task 2449457969914145042 started by @seonghobae