问题标签 [wcag]
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.
html - 如何使 Font Awesome WCAG 2.0 兼容?
如果我有一个网站上有几个字体很棒的图标,例如
并通过 WCAG 2.0 验证器运行它,我收到以下错误:
我意识到该规则不应该真正适用于这种情况,因为它可以确保使用<em>
and<strong>
而不是它们的非语义对应物<i>
and <b>
。但是如果我有一个需要我检查所有 WCAG2.0 框的客户,问题仍然存在。
那么有谁知道什么是正确的方法。我应该将它们<em>
改为,这会给屏幕阅读器带来任何困难吗?欢迎任何其他建议!
html - WCAG 锚链接
我一直试图在 WCAG 或 WAI 指南中找到创建链接锚点的适当方法。
我目前有一个具有以下锚点的网站:
<h2><a name="blah" id="blah">Blah H2 Content</a></h2>
但由于我不想添加不必要的 CSS 只是为了取消任何锚点(不,它们并不都在标题中),我想知道这是否可以访问,或者它是否违反了 WCAG 或 WAI-ARIA 准则:
<h2><a name="blah" id="blah"></a>Blah H2 Content</h2>
forms - 符合 WCAG 标准的表格 - 是否需要取消按钮
我正在制作符合 WCAG 2 AA 的 Web 表单(例如反馈表),并且想知道是否有人知道 WCAG 中是否需要取消按钮?
我到处看了看,我找不到任何与它的外观有关的具体内容(我认为这是因为它不是必需的)。
非常感谢任何反馈!
javascript - 在 JavaScript 中添加 Web 可访问性支持
通过 JavaScript 添加 WAI ARIA 支持是否足以支持帮助残障用户的设备?该脚本将增强标记以使站点更符合 WAI/ADA 建议(即添加tabindex
、aria-
属性/元素等)。令人担忧的是,残障用户可能会使用不支持 JavaScript 的设备,从而使这种方法徒劳无功。
html - WCAG 兼容从谷歌搜索中删除图像替代文本
由于我们针对 WCAG 2.0 优化了 HTML 标记,因此我们在 google 搜索结果(包括我们的 google 站点搜索)中有很多(有时是丑陋的)图像描述。有谁知道从结果描述中隐藏它们的方法?
例子:
<h1>fiscal authority</h1>
<img src="..." alt="The image shows the entrance of the fiscal authority" />
<p>
The fiscal authority is...
</p>
搜索结果:
我们不可以...
- ...将图片移到内容之外
- ...提供一个空
alt=""
属性 - ...渲染后使用 javascript 插入图像或替代文本
- 有关详细信息,请参阅http://www.w3.org/TR/WCAG20-TECHS/H37.html
使用屏幕阅读器的访问者应该获得替代文本。我相信这应该是 WCAG 的一个常见问题,我想听听其他开发人员是如何解决这个问题的?
html - 获取 HTML 表格的可访问性
我在需要满足WCAG 2.0 AA 可访问性标准的页面中使用了一个数据表,但我的客户告诉我该表不符合基本的可访问性标准。
我的客户正在使用名为Cynthia Says的在线服务,它会引发各种错误。因此,我使用 Total Validator 的另一项服务进行了等效测试,结果表明一切正常。显然,除此之外,我还阅读了很多指导方针,但我仍然觉得我没有足够的清晰度来回到客户那里并让他们放心或做出我需要的修复。
据我了解<summary>
,在 HTML5 中已弃用,尽管可能有用,但不是 W3C 标准的要求。
我能想到的唯一另一件事是为元素<th>
或可能的<td>
元素添加范围,但据我从有关此的文档(http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth. html#tech-table-headers),在这种情况下,只需有一个<th>
应该做的工作。
我在下面包含了一些示例标记,并希望得到任何指示:
html - 我可以在 xhtml 1.0 中使用角色和 aria 属性吗
我正在为网站使用 XHTML 1.0。我想让它可以访问,所以我想在我的标记中添加“role”和“aria”属性。无论如何,这会帮助辅助技术更好地解释我的网站,还是这些属性仅适用于 HTML5?
accessibility - WCAG 2.0 和 ATAG 一起
我对ATAG和WCAG 2.0有点困惑。
我想知道在一个系统中同时使用 ATAG 和 WCAG 是否合适?
html - Windows 讲述人和 aria- describeby
我在几个单选按钮上使用 aria- describe by,以便屏幕阅读器首先阅读单选标签,然后阅读描述文本以提供更多信息。
由于页面的结构,我不能使用字段集。如果您的标签没有 for 属性,许多源可访问性验证器将显示错误,因此我使用 div 作为描述文本。
但是,针对 IE11 的 Windows 8.1 Narrator 不会读取描述文本。
如果我将 role="heading" 添加到 div 它将(这合适吗?)。如果我将 div 更改为标签,它也会(但验证失败)。
JavaScript WinRT 应用程序指南似乎表明这种简单的结构是有效的 ( http://msdn.microsoft.com/en-au/library/windows/apps/hh700323.aspx )。针对 IE 的讲述人是否遵循不同的规则?这些是什么?