솔루션 목록
Design System Compliance

KRDS 체커

공공 웹사이트의 KRDS(한국형 반응형 디자인 시스템) 적용 여부를 자동으로 검증하는 도구입니다. 74개 표준 컴포넌트와 디자인 토큰 준수 여부를 한 번에 점검합니다.

74
표준 컴포넌트 검증
WCAG
웹 접근성 검사
Auto
자동 리포트 생성
RWD
반응형 디자인 검증

KRDS 컴포넌트 준수 검사

74개 표준 컴포넌트(버튼, 폼, 네비게이션, 테이블 등)의 마크업 구조, 클래스명, 속성값이 KRDS 규격에 맞는지 자동으로 검증합니다.

디자인 토큰 검증

색상, 타이포그래피, 간격, 그림자 등 KRDS 디자인 토큰(CSS 변수)의 올바른 적용 여부를 확인합니다. 커스텀 값 사용 시 경고를 표시합니다.

반응형 디자인 검증

PC, 태블릿, 모바일 각 뷰포트에서 레이아웃과 컴포넌트가 올바르게 반응하는지 자동으로 테스트합니다. KRDS 브레이크포인트 기준을 적용합니다.

웹 접근성(WCAG) 검사

KRDS가 요구하는 웹 접근성 기준 충족 여부를 검증합니다. 대체 텍스트, 키보드 접근성, 명도 대비, ARIA 속성 등을 점검합니다.

준수율 리포트

페이지별·컴포넌트별 KRDS 준수율을 산출하고, 미준수 항목에 대한 수정 가이드를 포함한 상세 리포트를 자동 생성합니다.

주요 사양

검증 대상74개 KRDS 표준 컴포넌트
디자인 토큰색상, 타이포, 간격, 그림자
접근성WCAG 2.1 AA 기준
반응형PC / 태블릿 / 모바일
리포트HTML / PDF 자동 생성
CI/CD 연동Jenkins, GitHub Actions
KRDS 버전v1.1.0 (최신 대응)

검증 프로세스

01

URL 입력

검증 대상 페이지 URL을 등록합니다

02

자동 스캔

컴포넌트·토큰·접근성을 자동 검사합니다

03

준수율 산출

항목별 KRDS 준수율을 계산합니다

04

리포트 제공

수정 가이드 포함 상세 보고서를 생성합니다

KRDS 체커 도입을 검토하고 계신가요?

공공 웹사이트의 KRDS 준수율을 높이는 최적의 방안을 제안드립니다.

도입 문의하기