Back to Solutions
Design System Compliance

KRDS Checker

An automated tool that verifies whether public websites comply with the Korea Reactive Design System (KRDS). Audit 74 standard components and design tokens in a single run.

74
Components Audited
WCAG
Web Accessibility
Auto
Report Generation
RWD
Responsive Verification

KRDS Component Validation

Automatically validates the markup structure, class names, and attribute values of 74 standard components (buttons, forms, navigation, tables, etc.) against KRDS specifications.

Design Token Validation

Verifies correct application of KRDS design tokens (CSS variables) for color, typography, spacing, and shadows. Flags warnings for custom values.

Responsive Design Verification

Automatically tests layouts and components for PC, tablet, and mobile viewports — applying KRDS breakpoints.

Web Accessibility (WCAG) Audit

Validates compliance with KRDS-required web accessibility criteria, including alt text, keyboard accessibility, contrast ratios, and ARIA attributes.

Compliance Report

Generates a per-page and per-component KRDS compliance score with detailed reports that include fix guidance for each non-compliant item.

Specifications

Targets74 KRDS standard components
Design TokensColor, typography, spacing, shadow
AccessibilityWCAG 2.1 AA
ResponsivePC / Tablet / Mobile
ReportHTML / PDF auto-generated
CI/CDJenkins, GitHub Actions
KRDS Versionv1.1.0 (latest)

Verification Process

01

Input URL

Register target pages for verification

02

Auto Scan

Automatically inspect components, tokens, and accessibility

03

Compute Score

Calculate per-item KRDS compliance

04

Deliver Report

Generate a detailed report including fix guidance

Interested in adopting KRDS Checker?

We will propose the best approach to improve KRDS compliance for your public website.

Request Consultation