我有一个大型调查,通过将它安排成多个部分并使用Accordion菜单来翻阅每个部分,我已经使它更易于使用jQuery。问题是,当$(document).ready()触发并将所有内容压缩到一个Accordion菜单中时,会出现一个明显的快照。也就是说在$(document).ready()之前,可以看到整个survey。我确实考虑过在css中将#surveyForm设置为display:none;并将#surveyForm.active设置为display:block;但这会产生一个新问题:没有启用javascript的浏览器将永远无法看到#surveyForm.active,因此他们
我正在为苏格兰的地方政府部门设计一个新站点,我想确保我满足该站点的最低可访问性级别。我曾计划使用一些jQuery效果,并对内容进行AJAX化。但我意识到所有这些JavaScript可能都无法访问。我们将使用VS2008ASP.NET3.5框架。(C#服务器端和SQLServer2005数据库)有谁知道政府运营网站的最低标准是什么?它将面向公众,其目标用户将是11至17岁的child。此外,是否有任何工具可以检查我们的网站?内置/添加VisualStudio工具会很棒。我们通常为我们的管理团队设计内部网站,所以这是我们第一次不得不担心可访问性,所以如果您愿意,请以“傻瓜式”的方式回答!:
在桌面网站上,我们总是想“如果用户禁用了JavaScript会怎样”,我们尝试让我们的代码优雅地降级,这样我们至少可以显示重要信息。但是在移动浏览器中,我们应该以同样的方式思考吗?是否有任何理由在移动浏览器中禁用javascript?它们是否通过JavaScript对移动网站造成任何安全威胁?http://hubpages.com/hub/How-to-enable-disable-JavaScript-on-the-Droid-Android-phone 最佳答案 手机上的JavaScript当然存在一些安全风险-如果没有,您可以
我正在使用Select2版本3.4.8,最近注意到代码使用关联labeltitle属性用于title。我假设Select2开发人员的意思是将此作为可访问性改进,但这是一个可疑的选择,因为已经有一个关联的label。我正在寻找一种无需直接修补select2.js即可禁用此功能的方法。我查看了文档,但找不到任何东西。有没有办法做到这一点,或者我是否必须修补select2.js(可能注释掉第692行)或编写几行脚本来删除title属性在将它们添加到.select2-containerdiv之后?(或者这在3.5.0版中已修复?) 最佳答案
这是我要解决的盲人社区的一个重要问题。我如何告诉盲人访问者用户名已被占用?我当前的设置并不重要,但对于示例情况,我目前有一个Jquery实现,它通过ajax根据php脚本检查用户输入,它返回一个json,然后我将其显示在屏幕上的错误字段中.非常基本,超出了我的问题范围,因为它运行良好。但如果我是盲人,我不会注意到用户名Batman已被占用或不能包含空格,而且我的密码至少需要7个字符。或者,在没有使用javascript的情况下提交表单后,错误会列在错误登录页面上-它很笨拙,但可以正常工作。更好、更动态的解决方案和支持将是最佳选择。 最佳答案
我正在使用TwitterBootstrap开发一个项目,并尝试使用JavaScriptcomponents使用屏幕阅读器。当我触发模式对话框时,Jaws会跳过模式转到页面中的下一个链接。有没有办法实现无障碍模式?我认为的另一个解决方案是为模式的功能制作一个静态页面,并在用户使用屏幕阅读器时重定向到该页面。如果用户正在使用屏幕阅读器,我能以某种方式检测到吗? 最佳答案 2019年编辑:N.Hoffmann在vanillaJS中编写并维护了一个可访问的模态组件(连同其van11y项目中的其他组件)和jQuery.通过data-*属性和类
要求:每次更改页面时,屏幕阅读器必须阅读整个页面内容。我们使用firefox+NVDA进行测试,由于angular不会“更改页面”,我们尝试了以下方法使其在更改状态时读取整个页面:aria-live="assertive"这在很大程度上读取了我们站点中文本的更改,但它只读取了添加的内容,在我们的例子中,我们有一个表格被ng-repeat填充并且它读取正在添加信息但没有任何上下文(它没有说明正在读取的行或列)另一个问题是表单,当被angular填充时,屏幕阅读器会在它们被angular填充之前读取它,这已通过$timeout解决,但仍然是aria-live读取它会跳过一些部分的更改,如果
我目前正在研究一种蜜jar解决方案,以防止在我的网站中出现垃圾邮件,该解决方案包括添加一些具有随机名称的字段,并通过添加style="display:none;"用CSS隐藏它们在HTML元素中。提交时,如果这些字段中的任何一个不是空的——它应该是空的——这意味着垃圾邮件机器人刚刚提交了表单。那还是恶意用户。无论哪种方式,帖子都会被拒绝。现在,这会完美地工作,但我假设所有用户都拥有支持CSS的浏览器。通过JavaScript删除CSSdisplay属性等于none的每个字段可以防止不支持CSS的浏览器显示假定的隐藏字段。因此,这对于支持以下功能的浏览器来说效果很好:CSS和JavaSc
CSS:a:focus{opacity:.75}a:active{transform:translateY(4px)}意图:使用:focus样式作为视觉提示,使用键盘用户跳转到链接他们点击enter激活链接;:active样式提供视觉按键反馈问题::active样式可以正确触发鼠标点击,但不能触发按键。我可以只用CSS解决这个问题吗? 最佳答案 好问题!是的,你不能再这样做了。很久以前,MSIE将:active当作:focus来处理,所以有一种方法可以通过超链接来实现这一点(这是在千兆互联网速度之前和浏览器的时候除了愚蠢的挥动旗帜或
我想确保我所有的onClick事件都在onKeyDown事件旁边。我将使用eslint-plugin-jsx-a11y来确保这一点。但在代码中,这是一种实现这种泛型的方法。我的意思是,一直这样做会很烦人:if(event.keyCode===13){...}如果用户使用onClick中的执行函数,我希望有一种方法可以告诉onKeyDown中的元素。或者类似的解决方案http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/例如,在Angular方面,我很清楚。让我们寻找