React 접근성(a11y) 가이드

React로 UI를 만들 때 기본적인 접근성(a11y) 원칙을 지키기 위한 체크리스트를 정리해 둔 글입니다.

1. 시맨틱 마크업

div 남용 대신 적절한 HTML 태그를 쓰는 기준과, 스크린 리더가 어떻게 읽는지 간단한 예를 메모합니다.

2. 포커스 관리

모달, 드롭다운, 토스트 등에서 포커스를 어떻게 이동/복원할지에 대한 패턴과 주의점을 정리합니다.

3. ARIA 속성 사용

언제 ARIA를 써야 하고, 언제 HTML만으로 충분한지, 자주 쓰는 속성 예시를 남겨 둡니다.