[ Test ] 반응형·접근성 회귀 검증 자동화

[RosieOh]

💚 어떤 기능인가요?

지금 검증은 제가 손으로 브라우저를 띄워 확인한 것이 전부입니다. 다음에 누가 고치면 같은 확인을
다시 손으로 해야 하고, 안 하면 조용히 깨집니다.

이번에 손으로 잡은 것들

이 목록이 그대로 자동화 대상입니다.

발견	원인
/data 가로 스크롤	그리드 자식의 min-width: auto 가 안쪽 표의 min-width 만큼 칸을 밀었습니다
표제가 본문 서체로 폴백	폰트 서브셋에 한글이 없었습니다
제목이 상단 고정 메뉴에 가림	scroll-margin-top 이 없었습니다

확인할 것

• 가로 오버플로 — 390 · 768 · 1440 에서 scrollWidth > clientWidth 면 실패
• 접근성 — h1 하나, 제목 레벨 건너뜀 없음, 폼 요소 라벨, 표 caption, 빈 링크·버튼 없음

둘 다 헤드리스 브라우저로 자동화할 수 있습니다. 배포 파이프라인(#2)이 생기면 PR 검증에 붙입니다.

✅ To Dos

• 헤드리스 브라우저 검증 스크립트
• 3개 폭 오버플로 검사
• 접근성 기본 검사
• CI 연결