diff --git a/.jules/palette.md b/.jules/palette.md
new file mode 100644
index 00000000..49ec9ed5
--- /dev/null
+++ b/.jules/palette.md
@@ -0,0 +1,3 @@
+## 2024-10-25 - 디렉토리 뷰어의 접근성 향상 (Accessibility improvement in Directory Viewer)
+**Learning:** 장식용 아이콘(예: 폴더 이모지나 화살표)이 스크린 리더에서 읽히면 시각 장애인에게 불필요한 혼란(노이즈)을 줄 수 있으며, 목록을 탐색할 때 랜드마크(main)와 접근성 이름(aria-label)이 있는 네비게이션 요소(nav)를 제공해야 전체 구조를 이해하기 쉽습니다.
+**Action:** 장식용 문자는 반드시 `<span aria-hidden="true">`로 감싸고, 주요 탐색 요소는 시맨틱 태그(nav, main)와 적절한 `aria-label`을 사용하여 묶는 패턴을 표준으로 적용합니다.
diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
index 50b2680d..25f9bfd0 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,7 @@ 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"
+              l += """          <li><a style="display:block; width:100%" href="${if (isLinkedDirectory) { "./${it.getName().urlEncodePath()}/" } else { "./${it.getName().urlEncodePath()}" }}"><span aria-hidden="true">${if (isLinkedDirectory) { "&#128193;" } else { "&rtrif;" }}</span> ${it.getName().escapeHtml()}</a></li>"""+"\n"
            }
         }
 
@@ -139,7 +141,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..d50ca194 100644
--- a/src/test/kotlin/html4tree/MainTest.kt
+++ b/src/test/kotlin/html4tree/MainTest.kt
@@ -110,7 +110,12 @@ class MainTest {
         assertTrue(indexFile.exists())
         val htmlContent = indexFile.readText()
         assertTrue(htmlContent.contains("<html lang=\"ko\">"))
+        assertTrue(htmlContent.contains("<main>"))
+        assertTrue(htmlContent.contains("<nav aria-label=\"디렉토리 목록\">"))
         assertTrue(htmlContent.contains("aria-label=\"상위 디렉토리로 이동\""))
+        assertTrue(htmlContent.contains("<span aria-hidden=\"true\">&#x21B0;</span>"))
+        assertTrue(htmlContent.contains("<span aria-hidden=\"true\">&rtrif;</span>"))
+        assertTrue(htmlContent.contains("<span aria-hidden=\"true\">&#128193;</span>"))
         assertTrue(htmlContent.contains("file1.txt"))
         assertTrue(htmlContent.contains("subdir/"))
         assertTrue(htmlContent.contains("&#128193;"))
