ContextualWisdomLab · seonghobae · Aug 3, 2026 · Aug 3, 2026
diff --git a/.jules/palette.md b/.jules/palette.md
@@ -52,3 +52,7 @@
 ## 2024-07-13 - 빈 디렉토리 상태의 접근성(Accessibility) 개선
 **Learning:** 정적 파일 서버의 빈 디렉토리 상태는 스크린 리더 사용자에게 컨텐츠 누락으로 오해받을 수 있으며, 시각적으로도 일반 리스트 아이템과 정렬이 맞지 않는 문제가 있었습니다.
 **Action:** 빈 상태를 나타내는 요소에 `role="status"`를 추가하여 스크린 리더가 명확하게 인지할 수 있도록 하고, 아이콘과 flex 레이아웃을 통해 다른 리스트 아이템과 일관된 시각적 흐름을 제공하도록 합니다.
+
+## 2024-08-03 - 빈 디렉토리 상태의 시각적 메타포 개선
+**Learning:** 빈 디렉토리 상태를 나타낼 때 일반적인 정보 아이콘(`&#8505;`)을 사용하면 컨텍스트가 부족할 수 있습니다. 사용자는 열려 있는 빈 폴더 아이콘을 통해 해당 영역이 빈 디렉토리임을 더 직관적으로 인식합니다.
+**Action:** 빈 디렉토리 상태를 나타내는 요소의 아이콘을 정보 아이콘에서 열린 폴더 아이콘(`&#128194;`)으로 교체하여 시각적 메타포를 일관성 있게 유지하십시오.
diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
@@ -373,7 +373,7 @@ ${cssContent}              </style>
         }
 
         if(l.isEmpty()){
-            l.append("""          <li><div class="empty-dir" role="status"><span class="icon" aria-hidden="true">&#8505;</span> <span>이 디렉토리는 비어 있습니다.</span></div></li>""")
+            l.append("""          <li><div class="empty-dir" role="status"><span class="icon" aria-hidden="true">&#128194;</span> <span>이 디렉토리는 비어 있습니다.</span></div></li>""")
             l.append('\n')
         }
 

diff --git a/src/test/kotlin/html4tree/MainTest.kt b/src/test/kotlin/html4tree/MainTest.kt
@@ -94,6 +94,7 @@ class MainTest {
         val htmlContent = indexFile.readText()
         assertTrue(htmlContent.contains("<html lang=\"ko\">"))
         assertTrue(htmlContent.contains("이 디렉토리는 비어 있습니다."))
+        assertTrue(htmlContent.contains("&#128194;"))
         assertTrue(htmlContent.contains("role=\"status\""))
         assertTrue(htmlContent.contains("role=\"list\""))
     }