AI 분석
회색 버튼과 주황 버튼의 명도 대비 비율과 WCAG 통과 여부를 나란히 비교한 접근성 도식이다.
흰 배경 위에 두 칼럼이 좌우로 나뉘어 각각 대비 비율 수치, 버튼 샘플, 일반·큰 텍스트별 판정 배지를 위에서 아래로 쌓는다. 대비 비율 숫자는 굵은 산세리프 대형 타이포로 강조하고 통과는 초록, 실패는 빨강으로 색을 입힌다. 왼쪽은 짙은 회색 버튼에 밝은 회색 글자, 오른쪽은 선명한 주황 버튼에 흰 글자를 배치해 수치상 대비와 체감 밝기의 차이를 보여 준다. 접근성 기준을 고려한 컬러 토큰 결정과 버튼 상태 설계를 설명할 때 참고하기 좋은 비교 레이아웃이다.
minimal · light-mode · high-contrast
claude-opus-5-5 · 2026-10-21 16:31 · 신뢰도 0.93
