From 28f4e9b2b80c73df0261a30417c14c93c10767e1 Mon Sep 17 00:00:00 2001 From: seonghobae <8172694+seonghobae@users.noreply.github.com> Date: Tue, 4 Aug 2026 03:39:05 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[UX=20improvement]=20?= =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EC=8B=9C=EC=8A=A4=ED=85=9C=20=EB=A3=A8?= =?UTF-8?q?=ED=8A=B8=20=EB=94=94=EB=A0=89=ED=86=A0=EB=A6=AC=EC=9D=98=20?= =?UTF-8?q?=EB=B9=88=20=EC=A0=9C=EB=AA=A9/=ED=97=A4=EB=8D=94=20=ED=95=B4?= =?UTF-8?q?=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .jules/palette.md | 4 +++ src/main/kotlin/html4tree/main.kt | 4 +-- src/test/kotlin/html4tree/EmptyDirNameTest.kt | 33 +++++++++++++++++++ 3 files changed, 39 insertions(+), 2 deletions(-) create mode 100644 src/test/kotlin/html4tree/EmptyDirNameTest.kt diff --git a/.jules/palette.md b/.jules/palette.md index 7b223901..c8e57051 100644 --- a/.jules/palette.md +++ b/.jules/palette.md @@ -52,3 +52,7 @@ ## 2024-07-13 - 빈 디렉토리 상태의 접근성(Accessibility) 개선 **Learning:** 정적 파일 서버의 빈 디렉토리 상태는 스크린 리더 사용자에게 컨텐츠 누락으로 오해받을 수 있으며, 시각적으로도 일반 리스트 아이템과 정렬이 맞지 않는 문제가 있었습니다. **Action:** 빈 상태를 나타내는 요소에 `role="status"`를 추가하여 스크린 리더가 명확하게 인지할 수 있도록 하고, 아이콘과 flex 레이아웃을 통해 다른 리스트 아이템과 일관된 시각적 흐름을 제공하도록 합니다. + +## 2026-08-04 - 루트 디렉토리의 빈 제목/헤더로 인한 접근성 및 사용성 문제 +**학습:** 파일 시스템 루트와 같이 `File.getName()`이 빈 문자열을 반환하는 디렉토리에 대해 `` 및 `<h1>` 태그가 비워지면, 스크린 리더 사용자가 현재 위치를 파악하기 어렵고 시각적으로도 혼란을 주어 접근성(Accessibility)과 사용성(UX)을 크게 저해합니다. +**조치:** 디렉토리 이름이 비어 있는 경우(루트 디렉토리 등), 해당 디렉토리의 절대 경로(`absolutePath`)를 대체 이름으로 사용하여 빈 제목/헤더가 생성되는 것을 방지함으로써 접근성 및 시각적 유용성을 향상시킵니다. diff --git a/src/main/kotlin/html4tree/main.kt b/src/main/kotlin/html4tree/main.kt index 29eef0c4..242d1360 100644 --- a/src/main/kotlin/html4tree/main.kt +++ b/src/main/kotlin/html4tree/main.kt @@ -330,12 +330,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()} + ${curr_dir.name.ifEmpty { curr_dir.absolutePath }.escapeHtml()} ${css}
-

${curr_dir.getName().escapeHtml()}

+

${curr_dir.name.ifEmpty { curr_dir.absolutePath }.escapeHtml()}