접근성

명도 대비는 눈대중이 아니라 측정했습니다. 디자인 시스템의 모든 강조색을, 그 색이 놓이는 배경 위에서 본문 글자로 두고 시험했습니다. 서식지 색상 13가지 가운데 11가지가 원래 값으로는 AA를 통과하지 못해, 글자에는 어둡게 조정한 변형을 씁니다. 측정한 대비율은 스타일시트에 색마다 함께 적어 두었습니다. 원래 색은 채움과 테두리에 그대로 쓰는데, 그쪽에는 3:1 기준이 적용되기 때문입니다.

코드가 실행되기 전에 이미 내용이 HTML에 들어 있습니다. 페이지를 미리 만들어 두기 때문에 스크린 리더나 텍스트 브라우저, 자바스크립트를 끈 기기에서도 페이지 전체를 받습니다. FAQ 답변은 스크립트로 만든 아코디언이 아니라 브라우저가 원래 제공하는 펼침 요소를 씁니다. 그래서 펼쳤든 접었든 답변은 문서 안에 존재합니다.

아이콘 혼자 뜻을 짊어지는 일은 없습니다. 모든 아이콘에 aria-hidden을 걸었고, 아이콘만 있는 조작 버튼에는 버튼 자체에 텍스트 레이블을 달았습니다.

움직임은 선택입니다. 애니메이션이 있는 모든 요소는 prefers-reduced-motion 아래에서 멈춥니다.

정렬이 아니라 방향입니다. 오른쪽에서 왼쪽으로 쓰는 언어에는 문서에 실제 dir 값을 주고 전반에 논리 속성을 씁니다. 여백을 좌우로 뒤집어 흉내 내지 않습니다.

아직 해결하지 못한 항목이며, 실제 사용에 영향을 주기 때문에 적어 둡니다.

• 독립 감리를 받지 않았습니다. 위의 내용은 모두 자체 평가입니다. 외부 감리를 의뢰한 적이 없습니다.
• 보조 기술 시험을 거치지 않았습니다. JAWS나 NVDA, VoiceOver를 매일 쓰는 사람이 이 사이트를 처음부터 끝까지 훑어본 적이 없습니다. 자동 검사와 키보드 시험은 그 자리를 대신하지 못합니다.
• 도구 작업 영역에 가장 손이 덜 갔습니다. 오래 걸리는 작업 중의 초점 이동과 상태 알림은 압축 도구에서 제대로 동작했지만, 작업 영역을 새로 만든 뒤로는 다시 확인하지 못했습니다.
• 나스탈리크 행간은 어림값입니다. 우르두어와 펀자브어(샤무키)는 조정한 수치를 쓰고 있는데, 그 언어를 모어로 쓰는 사람이 실제 문장으로 확인한 값이 아닙니다.

여기서 무언가가 여러분이 하려던 일을 막고 있다면 문의 페이지에서 알려 주세요. 어떤 페이지에서 무엇을 하려 했는지만 적어 주시면 됩니다. 어느 기준을 위반했는지 짚거나 특정한 용어를 쓸 필요는 없습니다. 접근성 제보는 대기열 맨 앞으로 갑니다.