Web Guide검수QA반응형 점검
반응형 사이트 검수 체크리스트
납품 전에 확인할 항목을 미리 정해두어야 합니다.
기준이 없으면 수정 요청이 끝나지 않습니다.
01레이아웃 점검
화면 크기별로 확인합니다.
1
가로 스크롤
어떤 폭에서도 없어야 합니다.
2
요소 겹침
글자와 이미지가 안 겹치게.
3
잘림
내용이 잘리지 않게.
4
여백 일관성
화면별로 자연스럽게.
5
이미지 비율
찌그러지지 않게.
6
긴 내용
가장 긴 제목으로 테스트.
02기능 점검
실제로 동작하는지 봅니다.
메뉴
열고 닫기, 하위 메뉴.
폼
입력과 제출, 오류 표시.
전화 링크
눌러서 통화 연결.
지도
표시와 길찾기.
슬라이드
밀기와 버튼 조작.
팝업
열고 닫기, 배경 스크롤.
03성능과 접근성
눈에 안 보이는 항목입니다.
로딩 속도모바일 기준 측정.
화면 밀림요소가 늦게 떠서 밀리지 않게.
터치 영역충분한 크기와 간격.
글자 크기확대 없이 읽히게.
색 대비기준 이상.
대체 텍스트이미지 설명.
04환경 범위
어디까지 확인할지 정합니다.
필수
주요 모바일 기기 2종 이상 · 아이폰과 안드로이드 · 태블릿 가로 세로 · PC 주요 브라우저
추가
인앱 브라우저 · 구형 기기 · 대형 모니터 · 느린 통신 환경
CHECK POINT
□ 모든 화면 폭에서 가로 스크롤이 없는가
□ 요소가 겹치거나 잘리지 않는가
□ 메뉴와 폼이 정상 동작하는가
□ 전화 링크가 동작하는가
□ 모바일 속도를 측정했는가
□ 터치 영역과 글자 크기가 충분한가
□ 아이폰과 안드로이드 모두 확인했는가
□ 인앱 브라우저에서 확인했는가
#검수#QA#반응형 점검#테스트 환경#기능 확인#성능#접근성#반응형#웹비스타#홈페이지 제작