diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 00000000..473ce838
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2024-05-24 - HTML Directory Listing Semantic Navigation & Decorative Icons
+**Learning:** When generating raw HTML pages (like directory listings), unicode icons (e.g., &#128193; for folders, &#x21B0; for parent dir) are announced poorly by screen readers. Furthermore, a bare `<ul>` lacks semantic context. Wrapping the list in `<nav>`, the page in `<main>`, and specifically using `<span aria-hidden="true">`, while adding descriptive `aria-label`s on the links, significantly improves the structural understanding and voice announcements for keyboard/screen reader users.
+**Action:** Always wrap decorative or visually symbolic unicode characters in `<span aria-hidden="true">`, wrap primary navigation in a `<nav>` element, and explicitly provide `aria-label`s for links where visual icons substitute context.
diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
index 50b2680d..2f079595 100644
--- a/src/main/kotlin/html4tree/main.kt
+++ b/src/main/kotlin/html4tree/main.kt
@@ -118,9 +118,11 @@ fun process_dir(curr_dir: File){
         ${css}
      </head>
      <body>
-       <h1>${curr_dir.getName().escapeHtml()}</h1>
-       <ul>
-          <li><a style="display:block; width:100%" href="./.." aria-label="상위 디렉토리로 이동">&#x21B0; ..</a></li>
+       <main>
+         <h1>${curr_dir.getName().escapeHtml()}</h1>
+         <nav aria-label="파일 탐색">
+           <ul>
+              <li><a style="display:block; width:100%" href="./.." aria-label="상위 디렉토리로 이동"><span aria-hidden="true">&#x21B0;</span> ..</a></li>
 """ 
 
     val index_middle = fun():String{ 
@@ -131,7 +133,9 @@ fun process_dir(curr_dir: File){
         dir_files.forEach {
            val isLinkedDirectory = it.isDirectory() && !java.nio.file.Files.isSymbolicLink(it.toPath())
            if((it.getName() !in exclude) && (isLinkedDirectory || !it.isDirectory())) {
-              l += """          <li><a style="display:block; width:100%" href="${if (isLinkedDirectory) { "./${it.getName().urlEncodePath()}/" } else { "./${it.getName().urlEncodePath()}" }}">${if (isLinkedDirectory) { "&#128193;" } else { "&rtrif;" }} ${it.getName().escapeHtml()}</a></li>"""+"\n"
+              val ariaLabel = if (isLinkedDirectory) { "aria-label=\"${it.getName().escapeHtml()} 디렉토리\"" } else { "aria-label=\"${it.getName().escapeHtml()} 파일\"" }
+              val icon = if (isLinkedDirectory) { "<span aria-hidden=\"true\">&#128193;</span>" } else { "<span aria-hidden=\"true\">&rtrif;</span>" }
+              l += """              <li><a style="display:block; width:100%" href="${if (isLinkedDirectory) { "./${it.getName().urlEncodePath()}/" } else { "./${it.getName().urlEncodePath()}" }}" $ariaLabel>$icon ${it.getName().escapeHtml()}</a></li>"""+"\n"
            }
         }
 
@@ -139,7 +143,9 @@ fun process_dir(curr_dir: File){
      } 
 
    val index_bottom="""
-       </ul>
+           </ul>
+         </nav>
+       </main>
     </body>
 </html>
 """
diff --git a/src/test/kotlin/html4tree/MainTest.kt b/src/test/kotlin/html4tree/MainTest.kt
index 31c193a2..1f61d716 100644
--- a/src/test/kotlin/html4tree/MainTest.kt
+++ b/src/test/kotlin/html4tree/MainTest.kt
@@ -69,7 +69,11 @@ class MainTest {
         go(tempDir.absolutePath, -1)
         val indexFile = File(tempDir, "index.html")
         assertTrue(indexFile.exists())
-        assertTrue(indexFile.readText().contains("<html lang=\"ko\">"))
+        val htmlContent = indexFile.readText()
+        assertTrue(htmlContent.contains("<html lang=\"ko\">"))
+        assertTrue(htmlContent.contains("<main>"))
+        assertTrue(htmlContent.contains("<nav aria-label=\"파일 탐색\">"))
+        assertTrue(htmlContent.contains("<span aria-hidden=\"true\">&#x21B0;</span>"))
     }
 
     @Test
@@ -113,7 +117,10 @@ class MainTest {
         assertTrue(htmlContent.contains("aria-label=\"상위 디렉토리로 이동\""))
         assertTrue(htmlContent.contains("file1.txt"))
         assertTrue(htmlContent.contains("subdir/"))
-        assertTrue(htmlContent.contains("&#128193;"))
+        assertTrue(htmlContent.contains("<span aria-hidden=\"true\">&#128193;</span>"))
+        assertTrue(htmlContent.contains("<span aria-hidden=\"true\">&rtrif;</span>"))
+        assertTrue(htmlContent.contains("aria-label=\"subdir 디렉토리\""))
+        assertTrue(htmlContent.contains("aria-label=\"file1.txt 파일\""))
         assertFalse(htmlContent.contains("test.ignore"))
     }
 
