예시 답변 1
약 104초
웹 접근성 기준 적용·어려운 점 중심으로 푸는 결
캡스톤 프로젝트에서 웹 접근성 기준을 처음으로 체계적으로 적용해봤습니다. WCAG 2.1 AA 수준을 기준으로 삼았습니다.
적용한 항목 중에서 색상 대비 비율과 키보드 탐색 가능 여부는 비교적 수월했습니다. 색상은 Colour Contrast Analyser로 기준값을 체크했고, 키보드 탐색은 직접 Tab 키로 이동해보면서 확인했습니다.
가장 어려웠던 부분은 동적 콘텐츠의 스크린 리더 대응이었습니다. 모달 창이 열렸을 때 포커스가 모달 안으로 이동하게 하는 focus trap 구현이 예상보다 복잡했습니다. aria-modal과 aria-labelledby 속성을 추가해 구조를 명확히 하고, VoiceOver로 실제 읽히는 순서를 직접 확인하면서 수정했습니다. 접근성은 마지막에 추가하는 것이 아니라 컴포넌트 설계 단계부터 함께 고려해야 한다는 것을 그때 배웠습니다.