포트폴리오 시각적 QA (Visual QA)
코드 리뷰만이 아닌 시각적 검증을 수행합니다.
설정
참조물, 경로, UI 상태, 뷰포트 크기, 그리고 작업이 구현을 허용하는지 여부를 확인합니다. 사이트를 설정된 명령어로 시작하고 요청된 크기에서 렌더링된 결과를 검사합니다. 요청에 특정 크기가 명시되지 않은 경우 모바일 크기 하나를 포함시킵니다.
비교
계층 구조, 타이포그래피 및 줄바꿈, 간격 및 기하학, 색상 및 대비, 에셋 충실도, 반응형 자르기/오버플로우, 그리고 상호작용 상태를 평가합니다. 동작 또는 탐색이 관련된 경우 키보드 접근성과 축소 모션 동작을 확인합니다.
보고
먼저 증거와 한계점을 명시합니다. 발견 사항을 우선순위별로 그룹화합니다.:
P1: 의도된 계층 구조, 접근성 또는 핵심 작업을 차단합니다.P2: 중요한 시각적 또는 반응형 불일치입니다.P3: 나중에 처리할 수 있는 세부 사항입니다.
각 발견 사항에 대해 영향을 받는 경로/상태, 관찰된 동작, 가능한 원인, 그리고 가장 작은 신뢰할 수 있는 수정 방안을 명시합니다. 영향을 받는 뷰포트에서 수정 사항을 재테스트합니다. 브라우저 캡처 또는 대상 참조물을 사용할 수 없을 때 시각적 검사가 통과했다고 주장하지 마십시오.