diff --git a/.jules/palette.md b/.jules/palette.md index 7b22390..f1141fd 100644 --- a/.jules/palette.md +++ b/.jules/palette.md @@ -52,3 +52,7 @@ ## 2024-07-13 - 빈 디렉토리 상태의 접근성(Accessibility) 개선 **Learning:** 정적 파일 서버의 빈 디렉토리 상태는 스크린 리더 사용자에게 컨텐츠 누락으로 오해받을 수 있으며, 시각적으로도 일반 리스트 아이템과 정렬이 맞지 않는 문제가 있었습니다. **Action:** 빈 상태를 나타내는 요소에 `role="status"`를 추가하여 스크린 리더가 명확하게 인지할 수 있도록 하고, 아이콘과 flex 레이아웃을 통해 다른 리스트 아이템과 일관된 시각적 흐름을 제공하도록 합니다. + +## 2024-08-08 - 빈 디렉토리 아이콘 메타포 통일 +**학습:** 빈 디렉토리를 나타낼 때 정보 아이콘(ℹ)을 사용하면 일반 디렉토리(폴더 아이콘)와의 시각적 연관성이 떨어져 사용자가 직관적으로 디렉토리임을 인지하기 어렵습니다. 열린 폴더 아이콘(📂)을 사용하면 디렉토리가 열려 있지만 내용물이 없다는 메타포를 시각적으로 명확히 전달할 수 있습니다. +**조치:** 빈 디렉토리 상태 메시지의 아이콘을 정보 아이콘에서 열린 폴더 아이콘(`📂`)으로 교체하여 시각적 메타포의 일관성을 유지하고 직관성을 높이십시오. diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt index 8942c04..22be6f5 100644 --- a/src/main/kotlin/html4tree/main.kt +++ b/src/main/kotlin/html4tree/main.kt @@ -395,7 +395,7 @@ fun process_dir(curr_dir: File, excludeSet: Set? = null, dirFiles: Array } if(l.isEmpty()){ - l.append("""
  • 이 디렉토리는 비어 있습니다.
  • """) + l.append("""
  • 이 디렉토리는 비어 있습니다.
  • """) l.append('\n') } diff --git a/src/test/kotlin/html4tree/GeneratedIndexReadabilityTest.kt b/src/test/kotlin/html4tree/GeneratedIndexReadabilityTest.kt index d78732c..9658fb2 100644 --- a/src/test/kotlin/html4tree/GeneratedIndexReadabilityTest.kt +++ b/src/test/kotlin/html4tree/GeneratedIndexReadabilityTest.kt @@ -62,7 +62,7 @@ class GeneratedIndexReadabilityTest { val generatedHtml = generatedHtml() val expectedEmptyRow = - """
  • 이 디렉토리는 비어 있습니다.
  • """ + """
  • 이 디렉토리는 비어 있습니다.
  • """ assertTrue(generatedHtml.contains(expectedEmptyRow)) assertTrue(generatedHtml.indexOf(expectedEmptyRow) == generatedHtml.lastIndexOf(expectedEmptyRow)) diff --git a/src/test/kotlin/html4tree/MainTest.kt b/src/test/kotlin/html4tree/MainTest.kt index 179b6c5..cc0e89a 100644 --- a/src/test/kotlin/html4tree/MainTest.kt +++ b/src/test/kotlin/html4tree/MainTest.kt @@ -112,6 +112,7 @@ class MainTest { assertTrue(htmlContent.contains("이 디렉토리는 비어 있습니다.")) assertTrue(htmlContent.contains("role=\"status\"")) assertTrue(htmlContent.contains("role=\"list\"")) + assertTrue(htmlContent.contains("📂")) } @Test