有没有办法做一个访问的模式?

问题描述 投票:6回答:2

我正在与Twitter的引导项目和使用屏幕阅读器周围的JavaScript components播放。

当我触发模式对话框,大白鲨跳过模式会在页面的下一个环节。

有没有实现访问模式的方法吗?

我认为另一种解决方案是让一个静态页面的模式的功能,并重定向到这个页面,当用户使用屏幕阅读器。我能以某种方式检测用户是否正在使用屏幕阅读器?

javascript twitter-bootstrap modal-dialog accessibility jaws-screen-reader
2个回答
7
投票

编辑2019:N.霍夫曼写的,并保持在两者的vanilla JS访问模态分量(沿其van11y项目中的其他组件)和jQuery。 行为和风格很容易通过data-*属性和类修改。 它在道路条件更被测试(屏幕阅读器等),你会用自己的脚本做什么;-)

同时引导4具有相当访问模式和Bootstrap 3在其最新版本(大部分或全部的宝引导辅助功能插件进行回迁到3.3.x)。

现代资源:qazxsw POI欧洲倡议详细介绍了很多以简单的方式有趣的方面,并指出其他资源,包括最新的唱腔设计模式。


这里有一个访问模式对话框:Access & Use

一旦模式被激活,键盘导航是被困在里面的对话框,直到它的明确被用户关闭。

http://hanshillen.github.com/jqtest/#goto_dialog细节,例如可访问的实现(有一个灯箱和模态对话框之间的差别不大,重要的是模态的零件和键盘管理)。 您还可以阅读在DHTML样式指南http://irama.org/web/dhtml/lightbox/部分和W3C / WAI-ARIA dialog modal的非官方副本。

J. Wajsberg写了一个jQuery插件能够如果你需要一个更DIY的方法来Making a Dialog Modal


0
投票

我不知道任何解决方案能够自动检测用户是否使用屏幕阅读器。但谷歌的解决隐藏在页面的开头的链接(左:-1000em和立场:绝对的),可如果你使用键盘和显示“特殊模式”激活。

trap the keyboard input inside a DOM element

您的模态对话框尝试在对话框HTML DIV使用咏叹调唱段和原子=“真正的”咏叹调活=“自信”的属性。它应该公布你的内容对话框。

© www.soinside.com 2019 - 2024. All rights reserved.