草庐IT

ACCESSIBILITY

全部标签

html - 如何让 Jaws 读取 aria-describedby 属性

问题如标题所述,这是我的HTML代码。setupHELLOWORLDJaws声明如下:“链接设置...按Jaws键、Alt键和R以阅读aria-describedby”。我期望Jaws会说“LinksetupHelloWorld”。 最佳答案 行为是预期的(我不是说它应该是什么),JAWS从版本12开始就支持aria-describedby,它只是提醒用户它存在并读取快捷方式。如果您有JAWS12或更高版本,您可以在[HTML属性行为表]部分的.smf文件(JAWS共享设置文件夹)中找到该消息,在我的Classic.smf中有一行d

html - ARIA 使用的好引用资料?

有没有人有任何可信赖的ARIA使用引用资料?我正在寻找一些东西作为我的标记的基础,但实际上无法从可信来源找到那么多示例。现在我几乎要从ARIAspec开始了来自thissite,但会喜欢更多好的引用资料以确保我正确地执行此操作。 最佳答案 尝试http://dev.opera.com/articles/view/introduction-to-wai-aria/和http://www.w3.org/TR/wai-aria-practices/ 关于html-ARIA使用的好引用资料?,我

html - ARIA 使用的好引用资料?

有没有人有任何可信赖的ARIA使用引用资料?我正在寻找一些东西作为我的标记的基础,但实际上无法从可信来源找到那么多示例。现在我几乎要从ARIAspec开始了来自thissite,但会喜欢更多好的引用资料以确保我正确地执行此操作。 最佳答案 尝试http://dev.opera.com/articles/view/introduction-to-wai-aria/和http://www.w3.org/TR/wai-aria-practices/ 关于html-ARIA使用的好引用资料?,我

html - 在经过验证的 HTML5 中使用 aria-sort

假设有一个静态的HTML表格,例如:Name ▲Score ▲C1A5B9会不会使用aria-sort合适(当UA支持它时)?http://www.w3.org/TR/wai-aria/states_and_properties#aria-sort我相信这可能会有用,但W3C验证器目前需要role="columnheader"在上,这有点多余,因为它已经暗示了th[scope="col"]:http://www.w3.org/TR/wai-aria/roles#columnheader一旦开始指定,您还需要为之前的所有内容设置一个角色...如

html - 在经过验证的 HTML5 中使用 aria-sort

假设有一个静态的HTML表格,例如:Name ▲Score ▲C1A5B9会不会使用aria-sort合适(当UA支持它时)?http://www.w3.org/TR/wai-aria/states_and_properties#aria-sort我相信这可能会有用,但W3C验证器目前需要role="columnheader"在上,这有点多余,因为它已经暗示了th[scope="col"]:http://www.w3.org/TR/wai-aria/roles#columnheader一旦开始指定,您还需要为之前的所有内容设置一个角色...如

html - 对 YouTube iframe 使用无缝和/或沙盒属性有什么意义吗?

更新:这个问题不再有效。请参阅下面的评论。YouTube嵌入现在是使用iframe完成的。HTML5引入了seamless属性,这不仅会影响呈现,而且会与主机页面的集成更加紧密。(它不应不作为单独的文档向屏幕阅读器公布。)HTML5引入了sandbox限制iframe从而提高安全性的属性。在浏览器完全支持这两个属性的世界中,嵌入YouTube视频时,它们对页面有好处还是以任何方式产生不利影响?(是的,问题的后半部分主要是关于无缝。)我正在考虑推荐我的学生始终对YouTube视频使用这2个属性,并在浏览器支持可用时自动受益。 最佳答案

html - 对 YouTube iframe 使用无缝和/或沙盒属性有什么意义吗?

更新:这个问题不再有效。请参阅下面的评论。YouTube嵌入现在是使用iframe完成的。HTML5引入了seamless属性,这不仅会影响呈现,而且会与主机页面的集成更加紧密。(它不应不作为单独的文档向屏幕阅读器公布。)HTML5引入了sandbox限制iframe从而提高安全性的属性。在浏览器完全支持这两个属性的世界中,嵌入YouTube视频时,它们对页面有好处还是以任何方式产生不利影响?(是的,问题的后半部分主要是关于无缝。)我正在考虑推荐我的学生始终对YouTube视频使用这2个属性,并在浏览器支持可用时自动受益。 最佳答案

javascript - 跳过单页站点的导航链接

我有一个构建为单页的网站,所有请求都是使用AJAX发出的。这些页面类似于site.com/#Page或site.com/#Page/Other。现在,我需要在站点中实现SkipNavigation链接,但是因为URL以#开头,所以我不能使用简单的anchor。有没有办法在不更改所有URL的情况下做到这一点?谢谢。注意:跳过导航至少做了3件事:滚动到页面的那个部分,关注内容开始的元素(它甚至可以是不可聚焦的元素,例如H1title)并让屏幕阅读器了解更改。 最佳答案 你有两件事要做:有一个可聚焦元素(使用tabindex="-1"用于

javascript - 跳过单页站点的导航链接

我有一个构建为单页的网站,所有请求都是使用AJAX发出的。这些页面类似于site.com/#Page或site.com/#Page/Other。现在,我需要在站点中实现SkipNavigation链接,但是因为URL以#开头,所以我不能使用简单的anchor。有没有办法在不更改所有URL的情况下做到这一点?谢谢。注意:跳过导航至少做了3件事:滚动到页面的那个部分,关注内容开始的元素(它甚至可以是不可聚焦的元素,例如H1title)并让屏幕阅读器了解更改。 最佳答案 你有两件事要做:有一个可聚焦元素(使用tabindex="-1"用于

html - 为什么不按空格键而 `label` 在 `[for=""]` attr 中有焦点检查单选按钮?

如果我有以下html,当标签具有焦点时按空格键,为什么不检查与其关联的radio?Thefirstradio这让可访问性变得更加困难,是否有非JavaScript的解决方法?这是一个JSFiddle示例:https://jsfiddle.net/atwright147/q0t53v78/ 最佳答案 标签元素不是为了接收键盘焦点。因此只需删除tabindex属性,当此控件获得焦点时,您将能够使用空格键检查radio控件。如果您想控制与输入关联的标签的视觉方面,您可以将CSS更改为:input:focus+label{outline:1