---
type: template
domain: product
role: Frontend
status: active
last-reviewed: 2026-07-27
---

# 접근성·반응형·성능 계획

> “지원한다”를 키보드 동작, 기준 폭, 측정값과 시각 증거로 바꾼다. 여기 적는 임계값은 **착수 전 발주사와 합의된 것만 검수 기준으로 유효**하다 — 사후 합의는 분쟁 원인 ([[SI 수주와 범위 관리]]).

## 접근성

| 화면·컴포넌트 | 시멘틱 구조 | 이름·라벨 | 키보드 순서·단축키 | 포커스 이동 | 대비·오류 안내 |
|---|---|---|---|---|---|
|  |  |  |  |  |  |

## 반응형

| 화면 | 320px | 375px | 768px | 1024px | 1440px | 오버플로·축약 규칙 | 48×48 터치 타겟 |
|---|---|---|---|---|---|---|---|
|  |  |  |  |  |  |  |  |

## 성능 기준 (NFR — 요구사항정의서 합의값)

| 지표·대상 | 합의된 기준 | 측정 도구·환경 | 실패 시 조치 |
|---|---|---|---|
| 이미지 크기·dimensions |  |  |  |
| 초기 로드·LCP |  |  |  |
| 상호작용·INP |  |  |  |
| 번들 증가량 |  |  |  |
| 애니메이션 | transform·opacity 중심 |  |  |

## 시각 검증 계획

> 캡처·판정 기록은 테스트결과서의 증거로 재사용된다. 기준 목업은 발주사가 승인한 화면정의서 버전이어야 한다.

| 대상 URL | 기준 화면정의서·목업 | viewport | 테스트 데이터·권한 | 캡처 경로 | 비교 판정자 |
|---|---|---|---|---|---|
|  |  | 1440×900 |  |  |  |

## 판정 기준

> PASS 기준은 [[요구사항과 완료 조건]]의 기계 검증 가능 형식으로, 착수 전 발주사와 합의된 값만 유효하다.

| Gate | PASS 기준 | 차단 여부 | 판정자 |
|---|---|---|---|
| 접근성 | 키보드 완주 + 대비 본문 ≥4.5:1 / UI ≥3:1 |  |  |
| 반응형 | 320/375/768/1024/1440 오버플로 0건 |  |  |
| 성능 | NFR 합의값 (위 표) |  |  |
| 시각 검증 | 승인된 화면정의서와 차이 0건 또는 승인된 예외 |  |  |

## 완료 질문

- [ ] 키보드만으로 모든 기능을 완료할 수 있는가?
- [ ] WCAG AA 대비와 오류 식별 기준이 수치로 정의됐는가?
- [ ] 이미지 width·height와 eager/lazy 정책이 있는가?
- [ ] 하드코딩 색상·간격과 route 전용 토큰을 추가하지 않는가?
- [ ] 스크린샷, 콘솔 오류, 목업 차이의 판정 방법이 있는가?
- [ ] 모든 임계값이 착수 시점에 발주사와 합의된 값인가? (아니면 합의 절차부터)

## 인계

- 관련 요구사항:
- 미수행 검사와 사유:
- 다음 소비자: