From 341a28e7dfd0f9cd3e03fe4d574cf20c3b1bd393 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Mon, 6 Jul 2026 03:30:38 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[=EC=8A=A4?=
 =?UTF-8?q?=ED=81=AC=EB=A6=B0=20=EB=A6=AC=EB=8D=94=EB=A5=BC=20=EC=9C=84?=
 =?UTF-8?q?=ED=95=9C=20list=20=EC=97=AD=ED=95=A0=20=EC=B6=94=EA=B0=80]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

HTML 디렉토리 트리의 목록 요소(`<ul>`)에 `role="list"` 속성을 추가하여 접근성을 개선했습니다.
이 변경 사항은 WebKit 기반 브라우저(Safari 등)가 `list-style-type: none`이 적용된 목록의 스크린 리더 의미를 제거하는 문제를 해결합니다.
---
 .jules/palette.md                     | 3 +++
 src/main/kotlin/html4tree/main.kt     | 2 +-
 src/test/kotlin/html4tree/MainTest.kt | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/.jules/palette.md b/.jules/palette.md
index b8df5bd..198bc14 100644
--- a/.jules/palette.md
+++ b/.jules/palette.md
@@ -13,3 +13,6 @@
 ## 2024-06-25 - Directory Listing Navigation Landmark
 **Learning:** Generated directory listings act as navigation regions, and screen readers benefit when the listing is announced separately from the page's main content.
 **Action:** Wrap generated directory listing `<ul>` elements in `<nav aria-label="Directory listing">` while keeping the surrounding semantic `<main>` structure.
+## 2024-07-06 - [list-style-type이 none인 목록에 list 역할 추가]
+**Learning:** 목록(`<ul>`)에 `list-style-type: none`을 사용할 때 WebKit 기반 브라우저(예: Safari)는 스크린 리더에서 목록 의미를 제거하여 접근성을 떨어뜨릴 수 있습니다.
+**Action:** `list-style-type: none`을 사용하는 목록에 `role="list"`를 명시적으로 추가하여 스크린 리더가 목록을 올바르게 읽을 수 있도록 해야 합니다.
diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt
index 2e2809f..e75f4de 100644
--- a/src/main/kotlin/html4tree/main.kt
+++ b/src/main/kotlin/html4tree/main.kt
@@ -167,7 +167,7 @@ fun process_dir(curr_dir: File){
        <main>
          <h1>${curr_dir.getName().escapeHtml()}</h1>
          <nav aria-label="Directory listing">
-         <ul>
+         <ul role="list">
             <li><a style="display:block; width:100%" href="./.." aria-label="상위 디렉토리로 이동"><span aria-hidden="true">&#x21B0;</span> ..</a></li>
 """ 
 
diff --git a/src/test/kotlin/html4tree/MainTest.kt b/src/test/kotlin/html4tree/MainTest.kt
index e8a3082..107baca 100644
--- a/src/test/kotlin/html4tree/MainTest.kt
+++ b/src/test/kotlin/html4tree/MainTest.kt
@@ -148,6 +148,7 @@ class MainTest {
         val htmlContent = indexFile.readText()
         assertTrue(htmlContent.contains("<html lang=\"ko\">"))
         assertTrue(htmlContent.contains("<nav aria-label=\"Directory listing\">"))
+        assertTrue(htmlContent.contains("<ul role=\"list\">"))
         assertTrue(htmlContent.contains("<main>"))
         assertTrue(htmlContent.contains("</main>"))
         assertTrue(htmlContent.contains("aria-label=\"상위 디렉토리로 이동\""))

From 820477d186d536532ad60378c2ce118e9e259f5e Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Tue, 7 Jul 2026 02:13:46 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[=EC=8A=A4?=
 =?UTF-8?q?=ED=81=AC=EB=A6=B0=20=EB=A6=AC=EB=8D=94=EB=A5=BC=20=EC=9C=84?=
 =?UTF-8?q?=ED=95=9C=20list=20=EC=97=AD=ED=95=A0=20=EC=B6=94=EA=B0=80]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

HTML 디렉토리 트리의 목록 요소(`<ul>`)에 `role="list"` 속성을 추가하여 접근성을 개선했습니다.
이 변경 사항은 WebKit 기반 브라우저(Safari 등)가 `list-style-type: none`이 적용된 목록의 스크린 리더 의미를 제거하는 문제를 해결합니다.
