시맨틱 HTML 태그 사용, 이미지 alt 텍스트, 키보드 내비게이션 테스트, 색상 외 아이콘·텍스트 병행으로 색각 이상 사용자 고려
웹 접근성을 지키기 위해 가장 먼저 신경 쓰는 건 시맨틱 HTML 태그를 적절하게 사용하는 것입니다. header, main, nav, button 같은 의미 있는 태그를 쓰면 스크린 리더가 페이지 구조를 올바르게 해석할 수 있습니다. 이미지에 alt 텍스트를 제공하는 것은 시각 장애인 사용자뿐 아니라 이미지 로딩이 실패했을 때도 내용을 전달할 수 있습니다.
키보드만으로 모든 인터랙션이 가능한지 테스트하는 것도 중요한 접근성 검증 방법입니다. 색상만으로 상태를 구분하면 색각 이상 사용자에게 정보가 전달되지 않기 때문에, 아이콘이나 텍스트를 함께 사용하는 방식을 적용했습니다. 접근성은 특수한 사용자를 위한 추가 기능이 아니라 모든 사용자에게 더 좋은 경험을 만드는 것이라는 것을 공부하면서 배웠습니다.
이 관점이 접근성 요소를 설계 초기부터 고려하는 습관을 만들어줬습니다.