javascript - 具有辅助功能的浏览器是否支持CSS或JavaScript?

标签 javascript css browser accessibility blind

我目前正在研究一个蜜罐解决方案,以防止垃圾邮件在我的网站,包括添加几个随机名称字段和隐藏他们与css通过添加style="display : none;"在html元素。提交时,如果这些字段中的任何一个不是空的(它应该是空的),则意味着Spambot刚刚提交了表单。或恶意用户。不管怎样,这个帖子都被拒绝了。
现在,这将是完美的工作,但我假设所有用户都有支持css的浏览器。
通过javascript删除cssdisplay属性等于none的每个字段可以防止没有css支持的浏览器显示假定隐藏的字段。
因此,对于支持以下功能的浏览器来说,这是很好的:
css和javascript
只有CSS
只有javascript
那么,我的问题是,盲人浏览器或任何其他面向可访问性的浏览器是否支持css和javascript,只有css,只有javascript或没有?

最佳答案

为盲人或任何其他可访问性目标浏览器
现在没有专门针对残疾人的浏览器。过去有一些项目是这样的,但是主要的辅助技术(at)制造商把他们的行为结合在一起,让他们的软件先在ie上运行,然后在firefox上运行。你正在冒险使用chrome或opera与at,支持是击中或错过。
支持css和javascript,只支持css,只支持javascript还是不支持?
这实际上取决于js、css和at的组合使用情况。一般来说,at可以使用css。有四个方面可能导致问题:颜色/对比度,display:tabledisplay: nonevisibility:hidden。因为前两个不是问题的一部分,我们就跳过它们。jaws只公布display:none上有visibility:hidden<span>的内容。我将省略对js的过多评论,但webaim有一篇文章提供了an overview of JS and accessibility
包括添加一些具有随机名称的字段,并通过在html元素中添加style="display : none;"来使用css隐藏这些字段。
我假设您正确地将<label>s添加到所有表单元素中。请把它们加到蜜罐里,以防被人读到。我也会在<label>中添加“忽略此字段”。
阅读:
Screen Readers and display: none
JAWS, Window-Eyes and display:none: Return to 2007

本文翻译自 https://stackoverflow.com/questions/11379571/

网站遵循 CC BY-SA 4.0 协议,转载或引用请注明出处。


相关文章:

javascript - 如何在NODE服务器上使用Puppeteer并在前端HTML页面上获得结果?

javascript - 将使用“ this”的类的对象传递给另一个类(Javascript)

css - 做出性感的过渡:在按键上激活新文本的动画

javascript - 修复了导航/标题和键盘滚动

c# - WebBrowser控件导致整个应用程序无响应

javascript - 如何确定复制粘贴图像剪贴板的MIME类型?

javascript - 无法理解所选插件的JavaScript语法,需要建议

javascript - 谷歌地图作为我的画布绘图的背景

html - 如何最好地布局一个头并排放置的4个div,并且应该是移动友好的?

css - Fontawesome加载程序不与伪类一起旋转:before [关闭]