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