Google 크롬의 접근성

Question

접근성을 위해 WCAG AA 규격을 충족하는 각도 4 응용 프로그램을 업데이트하고 있습니다. 접근성에서 중요한 점 중 하나는 이미지의 대체 텍스트이며 버튼에 대해서도 생각했습니다. 그래서 기존 버튼을 가져다가 alt 텍스트 입력을 추가하여 부모가 어떤 종류의 버튼인지 알리고 alt 텍스트를 통해 컨텍스트를 추가 할 수있게했습니다.

NVDA & Firefox에서 프로젝트를 실행하면 대체 텍스트를 가져 와서 읽지 만 NVDA가있는 크롬에서는 그렇지 않습니다. 그렇다면 아리아 레이블과 제목이 버튼과 일치하지 않기 때문에 크롬에서 읽히고 Firefox의 대체 텍스트를 덮어 쓰는 버튼 텍스트에 숨겨진 범위를 추가하기 만하면됩니다.

우리는 NVDA/Firefox 및 JAWS/IE를 사용하는 그룹에서 감사를 진행할 예정이지만 Google의 수석 팀은 Chrome과 고객의 Chrome 사용자를 좋아합니다. 해머로 크롬을 프로그래밍하거나, 다른 2 개의 태그와 다른 물건을 사용합니까?

Answer 1

숨겨진 텍스트 (예 : sr-only 부스트 스트랩)를 사용하면 올바른 방법 작업을 수행하고 있습니다.

alt 속성은 버튼 요소에 사용하기위한 것이 아니며 HTML 5.1 specification은 허용하지 않습니다. 일부 브라우저 & 화면 판독기 조합에서 작동하지만, 나는 그것에 의존하지 않을 것입니다.

크롬은 가장 접근하기 어려운 브라우저 중 하나라는 평판을 얻고 있습니다. 나는 그것이 완벽하게 작동하도록 걱정하지 않을 것입니다. 스펙을 코딩하는 한, 당신은 옳은 일을하고 있습니다.

완전성을 위해 다음은 일부 techniques for creating screen-reader only content입니다.