我目前正在研究一种蜜 jar 解决方案,以防止在我的网站中出现垃圾邮件,该解决方案包括添加一些具有随机名称的字段,并通过添加 style="display : none;"
用 CSS 隐藏它们在 HTML 元素中。提交时,如果这些字段中的任何一个不是空的——它应该是空的——这意味着垃圾邮件机器人刚刚提交了表单。那还是恶意用户。无论哪种方式,帖子都会被拒绝。
现在,这会完美地工作,但我假设所有用户都拥有支持 CSS 的浏览器。
通过 JavaScript 删除 CSS display
属性等于 none
的每个字段可以防止不支持 CSS 的浏览器显示假定的隐藏字段。
因此,这对于支持以下功能的浏览器来说效果很好:
- CSS 和 JavaScript
- 仅 CSS
- 只有 JavaScript
那么我的问题是,盲人浏览器或任何其他以可访问性为目标的浏览器是否支持 CSS 和 JavaScript,仅支持 CSS,仅支持 JavaScript,还是不支持?
最佳答案
do browsers for the blind or any other accessibility-targeted browser
现在没有专为残障人士设计的浏览器。过去有几个元素,但主要的辅助技术 (AT) 制造商齐心协力,让他们的软件首先与 IE 兼容,然后再在 Firefox 上运行。您正在尝试将 Chrome 或 Opera 与 AT 一起使用,支持是偶然的还是失败的。
support CSS and JavaScript, only CSS, only JavaScript or none?
这实际上取决于所使用的 JS、CSS 和 AT 组合。一般来说,AT 与 CSS 没问题。有四个方面可能会导致问题:颜色/对比度,display:table
, display: none
和 visibility:hidden
.由于前两个不是问题的一部分,我们将跳过它们。 JAWS 仅公布具有 display:none
的内容或 visibility:hidden
在 <span>
上.我将省略对 JS 的过多评论,但 WebAIM 有一篇文章提供了 an overview of JS and accessibility .
consists in adding a few fields with random names and hiding them with CSS by adding
style="display : none;"
in the HTML element.
我假设您正确添加了 <label>
s 到你所有的表单元素。请将它们添加到蜜 jar 字段中,以防它们被读取。我会将“忽略此字段”添加到 <label>
阅读:
关于javascript - 具有辅助功能的浏览器是否支持 CSS 或 JavaScript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11379571/