Есть ли способ сделать доступный модальный?

Question

Я работаю над проектом с Twitter Bootstrap и играю вокруг JavaScript components с помощью программы чтения с экрана.

Когда я запускаю модальный диалог, Челюсти пропускают модальный переход к следующей ссылке на странице.

Есть ли способ реализовать доступный модальный?

Другое решение, которое, я думаю, состоит в том, чтобы сделать статическую страницу функциональности модальной и перенаправить на эту страницу, когда пользователь использует программу чтения с экрана. Могу ли я каким-то образом определить, использует ли пользователь программу чтения с экрана?

Answer 1

Вот доступный модальный диалог: http://hanshillen.github.com/jqtest/#goto_dialog

После модальный активируется, навигация с помощью клавиатуры в ловушке внутри диалога, пока она явно закрыта пользователем.

http://irama.org/web/dhtml/lightbox/ информация такая доступная реализация (есть небольшая разница между лайтбокс и модальный диалог, важная вещь - модальная часть и управление клавиатурой).
Вы также можете прочитать в Неофициальная копия руководства по стилю DHTMLdialog modal часть и W3C/WAI-ARIA Making a Dialog Modal.

J. Wajsberg написал плагин jQuery, способный к trap the keyboard input inside a DOM element, если вам нужен более подход к DIY.

Answer 2

Я не знаю, какое решение было обнаружено автоматически, если пользователь использует устройство чтения с экрана. но есть решение google, чтобы скрыть ссылку в начале страницы (слева: -1000em и position: absolute), которая может быть активирована, если вы используете клавиатуру и отображаете «специальный режим».

<a href="#" style="left:-1000em;position:absolute">Screen reader users, click here to turn off Google Instant.</a> 

для диалогового пытаетесь использовать арий и арию-атомная = «истинная» ария-живая = «напористый» атрибут в диалоговом HTML делах. он должен объявить содержимое вашего диалогового окна.