From e2ebcdc0c06a1fe3c3ebe4af8f46fa7ab2e13db3 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Thu, 2 Jul 2026 13:45:57 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=EA=B0=80?=
 =?UTF-8?q?=EB=8F=85=EC=84=B1=EC=9D=84=20=EC=9C=84=ED=95=9C=20=ED=85=8D?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EB=8C=80=EB=B9=84=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- `.dikw-grid span` 선택자의 텍스트 색상을 `--gold`에서 `--teal`로 변경했습니다.
- 배경색과의 대비가 WCAG AA 기준을 충족하도록 개선했습니다.
- 접근성 관련 배운 점을 `.Jules/palette.md`에 기록했습니다.
---
 .Jules/palette.md | 3 +++
 CHANGELOG.md      | 4 ++++
 styles.css        | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.Jules/palette.md b/.Jules/palette.md
index b6a4027..cbd500c 100644
--- a/.Jules/palette.md
+++ b/.Jules/palette.md
@@ -9,3 +9,6 @@
 ## 2026-06-25 - Fix Header Overlap
 **Learning:** When using a sticky header, clicking anchor links can cause the target element to scroll under the header, hindering the user experience.
 **Action:** Use `scroll-padding-top` on the `html` element with the height of the sticky header to ensure anchor links scroll to a position just below the header.
+## 2026-07-02 - Improve color contrast for readability
+**Learning:** The CSS variable '--gold' fails WCAG AA contrast standards when used for text on white or light backgrounds.
+**Action:** Always prefer higher-contrast alternatives like '--teal' for text on light backgrounds to ensure accessibility.
diff --git a/CHANGELOG.md b/CHANGELOG.md
index e5fc107..9fb0842 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,3 +3,7 @@
 ## [Unreleased]
 - **성능 개선**: `i18n.js`에서 초기 로드 시 기본 언어가 한국어(ko)인 경우 불필요한 DOM 순회 및 텍스트 업데이트를 생략하도록 개선했습니다.
 - **테스트 추가**: 다국어 처리 로직의 무결성을 검증하기 위해 `test_i18n.html` 테스트 파일을 추가했습니다.
+
+## [Unreleased]
+### 변경 사항
+- 접근성(가독성) 향상을 위해 `.dikw-grid span` 텍스트의 색상을 `--gold`에서 `--teal`로 변경했습니다.
diff --git a/styles.css b/styles.css
index 3cca9f9..620abf6 100644
--- a/styles.css
+++ b/styles.css
@@ -442,7 +442,7 @@ h1 {
 .dikw-grid span {
   display: block;
   margin-bottom: 38px;
-  color: var(--gold);
+  color: var(--teal);
   font-size: 14px;
   font-weight: 900;
 }

From abd0f959726d7603d11a5a561efd335fa2831f66 Mon Sep 17 00:00:00 2001
From: seonghobae <8172694+seonghobae@users.noreply.github.com>
Date: Thu, 2 Jul 2026 21:35:22 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20=EA=B0=80?=
 =?UTF-8?q?=EB=8F=85=EC=84=B1=EC=9D=84=20=EC=9C=84=ED=95=9C=20=ED=85=8D?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20=EB=8C=80=EB=B9=84=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- `.dikw-grid span` 선택자의 텍스트 색상을 `--gold`에서 `--teal`로 변경했습니다.
- 배경색과의 대비가 WCAG AA 기준을 충족하도록 개선했습니다.
- 접근성 관련 배운 점을 `.Jules/palette.md`에 기록하고 CHANGELOG 중복 항목을 정리했습니다.
---
 CHANGELOG.md | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9fb0842..0d8249f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,7 +3,4 @@
 ## [Unreleased]
 - **성능 개선**: `i18n.js`에서 초기 로드 시 기본 언어가 한국어(ko)인 경우 불필요한 DOM 순회 및 텍스트 업데이트를 생략하도록 개선했습니다.
 - **테스트 추가**: 다국어 처리 로직의 무결성을 검증하기 위해 `test_i18n.html` 테스트 파일을 추가했습니다.
-
-## [Unreleased]
-### 변경 사항
-- 접근성(가독성) 향상을 위해 `.dikw-grid span` 텍스트의 색상을 `--gold`에서 `--teal`로 변경했습니다.
+- **접근성(가독성) 향상**: `.dikw-grid span` 텍스트의 색상을 `--gold`에서 `--teal`로 변경했습니다.