같은 UI 조각을 지금 · ① 밝히기 · ② 키우기 로 그렸습니다. 기본 테마(자정)입니다. sub 는 글자색 세 단 중 제일 흐린 것 — 시각 · (수정됨) · 안내문 · 카운터 · 안 고른 탭에 쓰입니다(54곳).
지금
sub L 0.55 · 글자 11~12px. 다섯 바탕에서 모두 4.5:1 미달.
오늘
김소리 회의 자료 올려뒀어요(수정됨)
아직 아무 말도 없습니다
테마자정 적용 중›
자기소개168자›
typescript12 / 100
참여자 3
바탕
대비
page
3.77:1
surface
3.40:1
field
3.60:1
pill
3.37:1
surface-alt
4.11:1
① sub 를 0.62 로
글자 크기는 그대로. 색만 밝힌다.
오늘
김소리 회의 자료 올려뒀어요(수정됨)
아직 아무 말도 없습니다
테마자정 적용 중›
자기소개168자›
typescript12 / 100
참여자 3
바탕
대비
page
5.03:1
surface
4.54:1
field
4.79:1
pill
4.49:1
surface-alt
5.47:1
② 글자를 13px 로
색은 그대로. 글자만 키운다 — 대비 값은 안 변한다.
오늘
김소리 회의 자료 올려뒀어요(수정됨)
아직 아무 말도 없습니다
테마자정 적용 중›
자기소개168자›
typescript12 / 100
참여자 3
바탕
대비
page
3.77:1
surface
3.40:1
field
3.60:1
pill
3.37:1
surface-alt
4.11:1
🔴 ②는 계산이 안 맞습니다
13px 은 「큰 글자」가 아닙니다.
WCAG 에서 3:1 이 허용되는 큰 글자는 24px 이상(굵으면 18.7px 이상)입니다.
13px 은 여전히 일반 글자라 4.5:1 이 필요합니다 — 가운데 칸과 오른쪽 칸의 대비 숫자가
똑같은 이유가 그것입니다. 3:1 기준으로 내리려면 그 글자들을 24px 로 키워야 하는데,
그건 설명·카운터가 아니라 본문보다 큰 글자입니다.
⭐ 그런데 여덟 테마를 다 재 보니 — 문제는 대부분 midnight 하나입니다
테마
sub L
4.5:1 에 못 미치는 짝
자정 midnight · 기본
0.55
page 3.77 · surface 3.40 · field 3.60 · pill 3.37 · surface-alt 4.11 — 전부
흑연 graphite
0.62
pill 4.28
이끼 moss
0.62
pill 4.38
자수정 amethyst
0.64
모두 통과
종이 paper
0.48
모두 통과
벚꽃 blossom
0.50
surface-alt 4.18
유자 yuja
0.50
surface-alt 4.27
한지 hanji
0.47
모두 통과
midnight 만 형제들과 다릅니다.
어두운 넷의 sub 는 0.62 · 0.62 · 0.64 인데 midnight 만 0.55 입니다.
그러니 ①은 「팔레트를 새로 정하는 일」이 아니라 midnight 을 형제들에 맞추는 일에 가깝습니다 —
그리고 하필 그것이 기본 테마라 대부분의 사람이 보는 화면입니다.
남는 것은 pill 세 자리(graphite·moss)와 surface-alt 두 자리(blossom·yuja)뿐입니다.