问题标签 [wcag2.0]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
279 浏览

html - 如何标记在 HTML5 中也用作行标题的数据单元格?

我正在尝试创建一个语义正确且可访问的 (WCAG 2.0) HTML5 数据表。第一列包含的数据也可用作行的标题。

在 HTML 4.01 / XHTML 1.0 中,我曾经将这些单元格标记为td属性scope

在 HTML5 中,scope不再允许在td元素上使用该属性。语义和可访问性的最佳方法是什么?

  1. 将第一列中的单元格标记为th(数据方面丢失了?)
  2. 将第一列中的单元格标记为td并松开标题方面

恐怕在第二种情况下,该表将不太容易访问。

这种情况让我想到了一般的数据表:在什么情况下你会只使用列标题?因为数据表的性质暗示了一行单元格中数据之间的关系。对于可访问性,行不应该总是有一个标题,以传达这种关系吗?

例如这张表:

您会认为第一列(原则)中的单元格是第二列的标题,还是数据单元格?换句话说:你会以什么方式标记这个表?

0 投票
3 回答
478 浏览

html - 是否可以使用 wcag 2.0 AA 将 title 和 alt 留空并将文本添加到隐藏的段落文本中?

假设图像的替代文本太长,图像链接如下

我只是隐藏 p 文本。那 WCAG 2.0 AA 是否符合可访问性?如果在这种情况下 title 和 alt 都是空的,并且我在 p 中包含了图像 alt 文本... WCAG 2.0 AA 是否可以访问?

0 投票
1 回答
413 浏览

accessibility - Google Re-captcha 2 键盘辅助功能

我已经在网站的登录表单上实施了 Google Re-Captcha 2,目前正在对其进行可访问性测试(特别是在模拟盲人用户体验方面)。

我发现虽然有一个“画外音”选项可以在遇到挑战时完成,但我似乎无法将焦点放在键盘弹出的模式窗口上以启动语音选项。我认为这可能是我的网站的问题,但我已经尝试使用纯 HTML 页面,并且遇到了同样的问题。

我在网上看过,谷歌提到你可以点击语音选项(你可以),但如果你有视力障碍,我看不到这一点(如果我能看到那个小语音按钮,我可以看到验证码的其余部分)。

有谁知道这是否是 Google Re-captcha 2 的现有问题?Google Re-Captcha 2 不应该是键盘可访问的吗?

0 投票
3 回答
1650 浏览

html - 如何为某些 HTML 页面部分的屏幕阅读器设置优先级?

我想让我的 HTML 页面适合屏幕阅读器。

目前,页面有 3 个主要部分:标题、侧边栏和内容:

在此处输入图像描述

屏幕阅读器首先阅读标题,然后是侧边栏,最后是搜索结果

不幸的是,视力有问题的用户等待很长时间,而程序将读取所有侧边栏内容(因为侧边栏包含许多过滤器)。如何为搜索结果设置更高的优先级?原因应在侧边栏内容之前阅读搜索结果。

如果有人向我提供有关如何提高 HTML 页面的可访问性级别的 HTML 教程,那就太好了:

  • 如何更改某些 DIV 元素以被屏幕阅读器跳过?
  • 如何更改阅读页面内容的顺序?
  • 如何使搜索表单和搜索结果(以及一些链接)具有可读性?
0 投票
2 回答
238 浏览

accessibility - 浏览器对话框是否可访问?

WCAG A/AA 标准是否认为可以访问浏览器对话框?我所指的对话框是浏览器原生的对话框,例如 Chrome 中的以下对话框: 在此处输入图像描述

0 投票
1 回答
316 浏览

html - 可访问性(WCAG 2.0):标题和标题内容关系

我正在尝试编写符合可访问性 (WCAG 2.0) 的 HTML5 页面。

页面结构常见:

  • 顶部/标题:徽标 + 文字声明 + 自定义按钮(例如:插入您的广告)+ 主菜单
  • main:选定广告列表+分页
  • 页脚:页脚链接+免责声明

当然,我页面的主要内容是列表块,由 H1 标签引入(例如“罗马红色自行车的精选广告”)。

现在,鉴于:

  • 层次化的标题组织被明确说明为可访问性的标志(参考:http ://www.w3.org/TR/WCAG20-TECHS/H42.html )
  • 使用辅助技术用户代理“不能依赖 HTML5 大纲算法向用户传达文档结构”(参考:https ://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document )

我对在主要内容之前的页面顶部的内容表示怀疑:

我无法为其分配 H2 或 H3,因为 h1 紧随其后,另一方面,我不想让首页内容没有标题。

谢谢。

0 投票
1 回答
47 浏览

colors - 如何仅通过更改亮度来找到可访问的颜色?

下面的假设是真的吗?

对于任何给定的颜色:

那里存在:

使得以下之间的对比度

至少是4.5

奖金问题:我怎么能找到这样的Lightness_2

0 投票
0 回答
45 浏览

hyperlink - 三级域的可访问性和二级域的链接

accessible.example.com我正在编写一个遵循 WCAG 2.0 可访问性标准的三级域站点 ( )。

最终作品将提交给独立的认证机构以获得强制性认证,因此我需要尽量减少匹配 WCAG 标准的错误。

在页面中显示指向无法访问内容的accessible.example.com页面的链接是否安全?example.com

0 投票
1 回答
423 浏览

accessibility - WCAG 2.0 和语音识别,是 A、AA 还是 AAA

我想问你,语音识别软件在网络可访问性方面的地位。我的意思是,它是 WCAG A、AA 还是 AAA 的一部分。我试图了解 W3C 在这里解释的内容:http: //www.w3.org/WAI/WCAG20/quickref/Overview.php

但我迷路了大约 5 次。我之所以问,是因为我的客户问我们是支持A级还是AA级,我感觉语音识别软件是AAA级的。如果有人可以帮助我,那就太好了:)

0 投票
1 回答
100 浏览

forms - aria- describeby 可以放在输入元素之前吗?

我有一个带有aria-describedby输入元素属性的表单,后跟一个span带有所需输入描述/示例的标签。它还有只为屏幕阅读器显示的类(有视力的人可以利用这些placeholder信息)。

这里的问题是,至少根据 Fangs 的说法,屏幕阅读器读取标签,然后提示输入,然后读取aria-describedby文本。

我可以在代码中将文本移动到输入上方吗,例如