ContextualWisdomLab · seonghobae · Jul 22, 2026
diff --git a/.jules/palette.md b/.jules/palette.md
@@ -48,3 +48,7 @@
 ## 2024-08-01 - 네이티브 브라우저 UI의 다크 모드 지원 강제
 **학습:** CSS 미디어 쿼리(`@media (prefers-color-scheme: dark)`)를 통해 다크 모드를 지원하더라도, 브라우저의 네이티브 UI 요소(스크롤바, 기본 폼 컨트롤, 기본 백그라운드 등)는 테마 변경을 인식하지 못해 어두운 테마 환경에서 밝은 스크롤바가 표시되는 등 시각적 불일치를 초래합니다.
 **조치:** 항상 HTML 문서의 `<head>` 영역에 `<meta name="color-scheme" content="light dark">` 메타 태그를 명시적으로 추가하여 브라우저 수준에서 사용자의 시스템 테마(다크 모드 등)를 완전히 상속받아 일관성 있는 네이티브 UI를 렌더링하도록 보장하십시오.
+
+## 2026-07-22 - Empty Directory Name Fallback
+**Learning:** When generating HTML for directory structures, directories with empty names (like filesystem roots) result in empty <title> and <h1> tags, causing a severe accessibility issue for screen readers.
+**Action:** Always provide a fallback (like absolute path) for empty directory names to ensure semantic elements are populated and accessible.
diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
@@ -243,6 +243,7 @@ fun write_index_file(curr_dir: File, content: String) {
 fun process_dir(curr_dir: File, excludeSet: Set<String>? = null, dirFiles: Array<File>? = null){
 
     val exclude: Set<String> = excludeSet ?: process_ignore_file(curr_dir)
+    val dirName = if (curr_dir.name.isEmpty()) curr_dir.absolutePath else curr_dir.name
 
     val cssContent = """
               body {
@@ -327,12 +328,12 @@ ${cssContent}              </style>
         <meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src '${styleHash}'; base-uri 'none'; form-action 'none';">
         <!-- 보안 향상: 리퍼러를 통한 디렉토리 경로 노출 방지 -->
         <meta name="referrer" content="no-referrer">
-        <title>${curr_dir.getName().escapeHtml()}</title>
+        <title>${dirName.escapeHtml()}</title>
         ${css}
      </head>
      <body>
        <main>
-         <h1>${curr_dir.getName().escapeHtml()}</h1>
+         <h1>${dirName.escapeHtml()}</h1>
          <nav aria-label="디렉토리 목록">
          <ul role="list">
             <li><a class="dir-link" href="./.." aria-label="상위 디렉토리로 이동" title="상위 디렉토리로 이동"><span class="icon" aria-hidden="true">&#x21B0;</span> <span>..</span></a></li>

diff --git a/src/test/kotlin/html4tree/MainTest.kt b/src/test/kotlin/html4tree/MainTest.kt
@@ -705,4 +705,22 @@ class MainTest {
         assertFalse(processed, "fileKey mismatch should skip directory processing")
         assertFalse(listed, "fileKey mismatch should skip child listing")
     }
+
+    @Test
+    fun testProcessDirEmptyNameFallback() {
+        val fakeRoot = object : File(tempDir, "fakeRoot") {
+            override fun getName() = ""
+        }
+        fakeRoot.mkdir()
+
+        process_dir(fakeRoot)
+
+        val indexFile = File(fakeRoot, "index.html")
+        assertTrue(indexFile.exists())
+        val content = indexFile.readText()
+
+        val escapedAbsolutePath = fakeRoot.absolutePath.escapeHtml()
+        assertTrue(content.contains("<title>$escapedAbsolutePath</title>"))
+        assertTrue(content.contains("<h1>$escapedAbsolutePath</h1>"))
+    }
 }