접근성

저희는 WCAG 2.2 레벨 AA 충족을 목표로 합니다. 접근성은 나중에 붙이는 것이 아니라 핵심 요구사항으로 다룹니다.

구현한 것

• 모든 컨트롤에 연결된 레이블이 있고, 파일 선택은 드래그앤드롭뿐 아니라 키보드로도 가능합니다. 드롭 영역 안에 실제 버튼이 있어 끌어놓기가 유일한 방법이 되는 일은 없습니다.
• 처리 상태, 진행률, 완료가 aria-live 영역을 통해 스크린리더에 전달되고, 검색 결과 개수도 입력하는 동안 함께 안내됩니다.
• 상태는 색만이 아니라 텍스트와 아이콘으로 함께 표현합니다.
• 슬라이더는 현재 값을 노출하며, 결과에 영향을 줄 수 없는 컨트롤(PNG나 무손실 WebP에서의 품질 슬라이더)은 그대로 두고 무시하는 대신 비활성화하고 이유를 함께 표시합니다.
• 포커스 표시가 뚜렷하고, 패널이 닫힐 때 포커스가 작업하던 자리에 머무르며, 터치 대상은 WCAG 2.2 최소 크기를 충족합니다.
• 가로로 스크롤되는 표는 포커스를 받을 수 있어 포인터 없이도 스크롤할 수 있습니다.
• 본문 안의 링크는 색만이 아니라 밑줄로 구분됩니다.
• prefers-reduced-motion 설정을 존중합니다.
• 320 px 화면까지 가로 스크롤이 생기지 않으며, 200% 확대에서도 사용할 수 있습니다.

어떻게 확인하는가

릴리스마다 홈, 도구 목록, 카테고리 페이지, 도구 페이지 네 곳, 가이드에 대해 WCAG 2.0·2.1·2.2 A/AA 규칙으로 axe-core 자동 검사를 데스크톱과 모바일 뷰포트 양쪽에서 실행하고, critical이나 serious 위반이 하나라도 있으면 빌드를 실패시킵니다. 그와 별도로 종단 테스트가 키보드만으로 전체 작업(파일 선택, 설정 변경, 처리, 다운로드)을 완료합니다.

자동 검사가 접근성을 증명하지는 않습니다. 기계가 판단할 수 있는 부분만 잡아냅니다. 독립적인 감사나 보조기기 사용자 대상 테스트는 아직 진행하지 않았으며, 갖추지 못한 수준의 보증을 암시하기보다 그대로 말씀드리는 편을 택합니다.

의견 보내기

접근성 문제를 겪으셨다면 [email protected]로 알려 주세요. 고치겠습니다.