CSS contrast-color(): 접근성을 위한 자동 색상 대비
2025-05-17
CSS의 새로운 `contrast-color()` 함수는 지정된 배경색에 대해 자동으로 검정색 또는 흰색 텍스트를 선택하여 색상 선택을 단순화합니다. 이 기사에서는 사용 방법, 대비 계산을 위한 WCAG 2.1 및 APCA 알고리즘 비교, 접근성 향상을 위한 `prefers-contrast` 미디어 쿼리 사용법을 자세히 설명합니다. 현재 검정색과 흰색으로 제한되지만, 향후 버전에서는 더욱 사용자 지정 가능한 옵션이 제공될 수 있습니다. 이 함수는 개발을 간소화하고, 특히 여러 색상 상태를 관리하는 경우 접근성을 향상시킵니다.
개발
색상 대비