🎨 Palette: [UX improvement] 시각적으로 숨겨진 텍스트로 인해 깨진 hover 밑줄 효과 수정

[seonghobae]

💡 What:

• 링크(.dir-link) hover 및 focus 시 파일명/디렉토리명 텍스트 부분에 밑줄을 그어주는 CSS 선택자를 a:hover span:last-child에서 a:hover span:nth-child(2)로 수정했습니다.

🎯 Why:

• 기존 코드에 접근성 향상을 위한 화면 낭독기용 숨김 텍스트(<span class="visually-hidden">...</span>)가 링크 내 마지막 자식 요소로 추가되면서, :last-child 선택자가 의도했던 보이는 텍스트가 아닌 숨겨진 텍스트를 타겟팅하게 되었습니다. 이로 인해 마우스를 올리거나 키보드 포커스가 갔을 때 시각적인 밑줄 피드백이 나타나지 않아 사용성이 저하되는 문제가 발생했습니다. 명시적인 :nth-child(2) 선택자를 사용해 구조가 변경되어도 시각적 효과가 올바르게 작동하도록 복원했습니다.

📸 Before/After:

• Before: 파일/디렉토리명 링크에 마우스를 올리거나 키보드 포커스가 이동해도 밑줄이 표시되지 않음.
• After: 파일/디렉토리명 링크에 마우스를 올리거나 키보드 포커스가 이동하면 명확한 밑줄이 표시됨.

♿ Accessibility:

• 키보드 네비게이션 사용자(tab 키 사용)에게 링크가 포커스 되었음을 나타내는 시각적 피드백이 복원되어, 현재 위치를 명확히 인지할 수 있게 되었습니다. 접근성 향상을 위한 visually-hidden 텍스트 추가가 기존 시각적 피드백을 훼손하지 않도록 개선했습니다.

---

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

Summary by CodeRabbit

• 버그 수정
  • 파일 및 디렉터리 링크에서 hover하거나 키보드로 포커스할 때, 밑줄이 링크 텍스트에 올바르게 표시됩니다.
• 문서
  • 접근성용 숨김 텍스트가 링크의 시각 효과에 미칠 수 있는 영향을 기록했습니다.

[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]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

• Configuration used: Organization UI
• Review profile: CHILL
• Plan: Advanced
• Run ID: ad4bb262-8970-4f9b-9f0b-4c3775c5cc70

---

📥 Commits

Reviewing files that changed from the base of the PR and between 728f0f3 and 5742e16.

---

📒 Files selected for processing (4)

• .jules/palette.md
• CHANGELOG.md
• src/main/kotlin/html4tree/main.kt
• src/test/kotlin/html4tree/GeneratedIndexReadabilityTest.kt

---

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

---

---

📝 Walkthrough

Walkthrough

링크의 hover 및 키보드 포커스 밑줄 선택자를 span:last-child에서 span:nth-child(2)로 변경했습니다. 관련 테스트와 변경 기록을 갱신했습니다.

Changes

링크 밑줄 동작

Layer / File(s)	Summary
밑줄 선택자 및 검증 src/main/kotlin/html4tree/main.kt, src/test/kotlin/html4tree/GeneratedIndexReadabilityTest.kt, CHANGELOG.md, .jules/palette.md	hover 및 키보드 포커스 밑줄이 두 번째 span을 대상으로 합니다. 테스트 선택자와 관련 기록도 같은 변경을 반영합니다.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Bug fix · Severity of issue fixed: Low

Possibly related PRs

• ContextualWisdomLab/html4tree#690: .visually-hidden 텍스트 대신 표시 이름에 밑줄을 적용하도록 CSS 선택자를 변경한 PR입니다.

---

Merge Risk: ⚪ Minimal · up to 5742e

The selector targets the visible link label rather than the appended screen-reader text, restoring the intended hover and focus underline. No supported merge-blocking risk remains.

Pre-merge checks | 4 | 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage		Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 1 functions across 2 files. (2 skipped: 2 …	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check		Check skipped - CodeRabbit’s high-level summary is enabled.
Title check		제목은 시각적으로 숨겨진 텍스트로 인해 발생한 hover 밑줄 효과 수정이라는 주요 변경 사항을 정확하고 구체적으로 설명합니다.
Linked Issues check		Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check		Check skipped because no linked issues were found for this pull request.

---

Full details: Docstring Coverage

Explanation

Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 1 functions across 2 files. (2 skipped: 2 unsupported.)

---

---

• Fix all pre-merge checks with AI

✨ Finishing Touches 💡 2

📝 Generate docstrings 💡

• Commit to this branch
• Create a new PR

---

🛠️ Fix failing CI checks 💡

• Commit to this branch
• Create a new PR

---

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

---

---

• Autofix · 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.}