- 콘텐츠 및 스키마
- 50이 카테고리에서 실행되는 테스트
- 모듈
- 8전용 콘텐츠 및 스키마 검사
- 매 스캔
- 299+모든 카테고리 합계 테스트
중요한 이유
디자인 시스템은 주요 행동이 분명한지, 간격이 콘텐츠에 숨 쉴 공간을 주는지, 375~390픽셀 화면에서도 컨트롤이 쓸 수 있는지 같은 반복 세부에서 경험돼요. FixWeb은 장식 하나가 아닌 시스템으로 평가해요.
어떻게 동작하나요
크롤링은 viewport 설정, 핀치 줌 동작, 작은 탭 영역과 선언된 이미지 크기를 기록해요. 모델은 스크린샷에서 보이는 계층, 색과 대비, 간격 리듬, 토큰 규율, 모바일 구성과 버튼·카드·아이콘이 하나의 컴포넌트 체계처럼 동작하는지 검토해요. WCAG AA 목표는 일반 텍스트 4.5:1, 큰 텍스트와 UI 요소 3:1이지만 수동 크롤링은 계산된 CSS 값을 얻지 못해요.
사이트 영향
서로 경쟁하는 주요 행동, 좁은 타깃, 약한 대비, 레이아웃 시프트와 불일치한 컴포넌트는 페이지를 훑고 조작하기 어렵게 해요. 스크린샷 판단은 예상 문제를 찾을 수 있지만 모든 상태의 측정 대비 감사나 전체 기기·보조 기술 테스트를 대신하지 않아요.
개선 방법
색, 글꼴, 간격, 라운드에 토큰을 정의하고 버튼·카드·아이콘 변형을 소수로 재사용해요. 각 페이지에 명확한 H1과 주요 행동 하나를 두고 간격 척도를 일관되게 유지하며 이미지 크기를 선언하고 확대를 막지 않은 채 width=device-width를 설정해요. 44×44 픽셀 타깃, 필요한 경우 16픽셀 폼 글자, 실제 상태의 WCAG AA 대비를 확인해요.