2013-03-11 2 views
1

현재 508/ADA 준수 라이트 박스를 개발 중입니다. 이 작업을 수행하려면 라이트 박스를 표시 한 다음 (예 : 이미 완료 한 상태) NVDA와 같은 리더가 라이트 박스 바로 뒤에있는 페이지 텍스트로 포커스를 변경하는 대신 라이트 박스에있는 내용을 읽도록해야합니다. 좀 더 간결한 방법으로 라이트 박스를로드에 표시하고 라이트 박스에 포커스를두고 배경으로 돌아 가지 않고 라이트 박스에있는 내용을 NVDA에서 읽게하십시오. 다른 사람이 답변을하기 전에 답변을 받아야합니다.Lightbox와의 508/ADA 준수

현재이 문제에 대한 해결책이 없습니다. 이것은 Aria-hidden이 제대로 인식되지 않는 NVDA 문제입니다. http://www.nvda-project.org/ticket/2706 // http://www.nvda-project.org/ticket/2117 -

솔루션은 내가 제안 :

는 iframe이 생성 - 또는 DIV - 확장 또는/축소 나타난다 또는 메시지가 표시하기위한 것입니다 만 Dissapper. 그러면 NVDA에 대한 참조 포인트가 될 수있는 "포커스 가능"영역이 생성됩니다. 이 문제에 대한 자바 스크립트/JQuery 솔루션을 계속 연구 할 것이다.

+0

두 가지 기사를 준비해야합니다. http://juicystudio.com/article/custom-built_dialogs.php 및 http://www.nczonline.net/blog/2013/02/12/making-an-accessible -dialog-box/ –

+1

Ryan,이 리소스를 공유해 주셔서 감사합니다. 분명 도움이 될 것입니다. 나는 곧 코딩 된 솔루션을 갖게 될 것이다. 베스트. –

답변

0

role="alertdialog" 또는 role="dialog"을 사용하시기 바랍니다. 이렇게하면 스크린 리더가 라이트 박스의 내용을 읽는 데 도움이됩니다.