[seonghobae]

💡 무엇을

• title 속성으로 툴팁 정보를 제공하고 있는 비상호작용 요소(프로젝트 진행 상태 카드, 동적 상태 배지)에 tabindex="0"과 role="note"를 추가하여 키보드 포커스가 가능하도록 개선했습니다.
• 포커스가 된 요소를 시각적으로 인지할 수 있도록 :focus-visible 스타일을 적용했습니다.

🎯 왜

• 기존 코드에서는 div나 span 태그에 title 속성을 사용하여 부가 설명(툴팁)을 제공하고 있었습니다.
• 하지만 이러한 비상호작용 요소는 키보드로 접근할 수 없어 탭(Tab) 키 이동에 의존하는 키보드 사용자나 스크린 리더 사용자는 해당 정보에 접근할 방법이 없었습니다.
• 이를 개선하기 위해 명시적으로 요소들을 포커스 가능하게 만들고, 스크린 리더에 적절한 시맨틱 정보(role="note")를 제공하도록 수정했습니다.

📸 Before/After

• Before: 마우스 호버 시에만 툴팁(title) 확인 가능, 키보드(Tab)로 접근 불가.
• After: 키보드 탭 이동 시 요소에 포커스 링이 생기며 시각적으로 표시되고, 브라우저 기본 툴팁 표시 및 스크린 리더에서 내용(title) 읽어줌.

♿ Accessibility

• tabindex="0"을 적용하여 논리적인 탭 순서(Tab order) 내에서 요소 탐색 가능.
• role="note"(또는 문맥에 맞는 부가정보 role)를 통해 스크린 리더 사용자에게 기능적 의미 전달.
• 명확한 :focus-visible 아웃라인 제공으로 시각적 피드백 강화.

---

PR created automatically by Jules for task 4097597267195249699 started by @seonghobae

[google-labs-jules]

👋 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 @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[coderabbitai]

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 38 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

• Configuration used: Organization UI
• Review profile: CHILL
• Plan: Advanced
• Run ID: 55c9213a-6772-447d-8925-dbbe84d80f89

📥 Commits

Reviewing files that changed from the base of the PR and between 2c32887 and 9ed7d1c.

📒 Files selected for processing (4)

• .jules/palette.md
• app.js
• index.html
• styles.css

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}