반응 상태·브라우저·접근성·성능을 포함해 화면을 인수합니다.
완성 화면은 대표 데스크톱 한 장이 아니라 지원 viewport와 입력 방식에서 모든 상태가 작동해야 합니다.
작은 화면, 200% 확대, 긴 글자, 키보드, touch, reduced motion, dark/forced colors를 점검합니다.
지원 브라우저 기준은 분석 데이터와 제품 요구로 정하고 새 문법에는 fallback이나 점진적 향상을 적용합니다.
사용하지 않는 대형 CSS, layout thrashing을 유발하는 애니메이션과 웹폰트 로딩을 성능 도구로 측정합니다.
픽셀 단위 스크린샷 일치만 통과하고 콘텐츠 증가와 포커스 이동을 놓치지 마세요.
직접 바꿔보세요카드에 긴 제목, focus, disabled, 좁은 컨테이너 상태를 추가해 깨지는 곳을 찾으세요.