From ca6334ea412421243081e54424a6bc0a26485937 Mon Sep 17 00:00:00 2001 From: seonghobae <8172694+seonghobae@users.noreply.github.com> Date: Thu, 9 Jul 2026 21:08:28 +0000 Subject: [PATCH 1/4] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=EB=8B=A4?= =?UTF-8?q?=ED=81=AC=20=EB=AA=A8=EB=93=9C=20=EC=A7=80=EC=9B=90=20=EB=B0=8F?= =?UTF-8?q?=20=EA=B0=80=EB=8F=85=EC=84=B1=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 생성된 HTML 파일에 시스템 폰트를 적용하고, max-width 및 padding을 통해 가독성을 높였습니다. 또한, 사용자 OS의 테마 설정에 맞춰 자동으로 어두운 배경과 텍스트 색상으로 전환되도록 prefers-color-scheme: dark를 지원합니다. --- .jules/palette.md | 20 ++++++-------------- CHANGELOG.md | 5 +++++ src/main/kotlin/html4tree/main.kt | 22 ++++++++++++++++++++++ src/test/kotlin/html4tree/MainTest.kt | 2 ++ 4 files changed, 35 insertions(+), 14 deletions(-) create mode 100644 CHANGELOG.md diff --git a/.jules/palette.md b/.jules/palette.md index b8df5bd..6bf7301 100644 --- a/.jules/palette.md +++ b/.jules/palette.md @@ -1,15 +1,7 @@ -## 2024-05-15 - Enhancing Generated File Tree HTML -**Learning:** Raw directory listings generated into HTML often lack critical accessibility meta tags (like `lang="en"`, `viewport` for responsive scaling) and aria-labels for directory/file links (which are otherwise non-descriptive for screen readers like just `📁 folderName`). -**Action:** Always include base semantic structures (`
`, ``, responsive meta tags) and aria-labels specifying the entity type (e.g., `folderName directory`) when generating raw navigation trees to ensure keyboard and screen-reader usability. Add `:focus` styles mimicking `:hover` for keyboard users. +## 2024-07-09 - HTML Directory Listing A11y +**Learning:** Pure HTML output files need semantic HTML elements like `
`, `