Contrast Checker는 프레이머 캔버스 안에서 색상 대비를 검토할 수 있게 도와주는 접근성 플러그인입니다. 텍스트와 배경 간 대비를 AA 및 AAA 기준으로 검사해주며, HEX, RGB, HSL 등 다양한 색상 입력 방식과 컬러 피커를 지원합니다.

디자인 초기에 해당 접근성을 고려하면, 수정 비용을 줄이고 더 많은 사용자를 위한 포괄적인 경험을 만들 수 있습니다. 때문에 UI/UX 디자이너, 개발자, 그리고 인클루시브 디자인을 실천하는 팀에게 추천하는 플러그인입니다.

주요 기능

다양한 색상 입력 방식 지원

HEX, RGB, HSL 형식으로 자유롭게 색상을 입력할 수 있어 익숙한 방식으로 작업할 수 있습니다.

컬러 피커 통합

프레이머 캔버스에서 직접 색상을 선택하여 정확한 대비를 테스트할 수 있습니다.

실시간 미리보기 기능

선택한 텍스트와 배경 조합을 실시간으로 시각적으로 확인할 수 있습니다.

WCAG 기준 자동 검사

일반 텍스트와 큰 텍스트에 대해 각각 WCAG AA 및 AAA 기준에 부합하는지를 자동으로 검사합니다.

원클릭 결과 복사

검사 결과 및 접근성 상태를 클릭 한 번으로 복사하여 팀원과 공유할 수 있습니다.

추가 설명

Contrast Checker는 디자인 접근성을 자연스럽게 워크플로우에 녹여낼 수 있도록 도와줍니다. 시간 절약은 물론, UI의 일관성과 전문성도 향상시킬 수 있습니다.