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

标签 javascript css browser accessibility

我目前正在研究一种蜜 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: nonevisibility: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>

阅读:

Screen Readers and display: none

JAWS, Window-Eyes and display:none: Return to 2007

关于javascript - 具有辅助功能的浏览器是否支持 CSS 或 JavaScript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11379571/

相关文章:

javascript - 点击的id的身份

javascript - NodeJS 中未提供回调模式

javascript - Ember Controller 属性、 promise 和范围

javascript - 将不同高度的 div 堆叠到父 div 的左侧

javascript - 如何以编程方式清空浏览器缓存?

browser - 为什么 Chrome 和 IE 将 "Mozilla 5.0"放在它们发送到服务器的用户代理中?

javascript - 如何根据数据库列值倒数计时器

javascript - 模态 CSS 高度 100% 滚动后不覆盖屏幕?

jquery - 通过悬停在 materializecss 中的激活器来打开卡片显示内容

javascript - 我有分割屏幕的 javascript 代码,但是,如何从 Flex 应用程序运行它?