问题标签 [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.
html - 如何与 Durandal 路由器一起使用“跳过导航”
我目前正在开发一个需要遵循“WCAG 2.0”指南的 HTML5 单页应用程序。
我使用 Twitter Bootstrap 作为前端框架，使用 Durandal.js 作为 SPA 部分。
在不干扰 Durandal.js 的路由器的情况下实现“跳过导航”技术的最佳方法是什么？Durandal 明智的做法是在哪里放置标记的最佳位置。索引.html？外壳.html？（ index.html 可能为时过早，因为我的 i18n 模块可能尚未加载，但这是另一个问题；））
这是一个使用 Bootstrap 的示例（仅对屏幕阅读器可见），但由于 Durandal 有一个基于哈希的路由系统，我们可能会遇到问题。
谢谢。
- - 编辑 - -
这就是我实现它的方式：
HTML：
CSS：
JS：
html - 表格和屏幕阅读器
我似乎很难让屏幕阅读器阅读简单的表格。我有下面的HTML：
当屏幕阅读器点击此表时，它会显示“表。0 列。0 行”。
我在网上尝试了很多示例，并尝试使用 WCAG2.0 标准作为指导方针，但它似乎不起作用。
我也尝试了不同的表格布局和结构，但仍然得到相同的结果。
javascript - 3rd party content images don't have alt attributes and meeting WCAG 2.0 Level A - javascript solution?
We have some 3rd party content coming into one of our websites that need to adhere to WCAG 2.0 Level A requirements. The html coming in through the RSS feed doesn't provide proper alt attributes to the img tags. We were hoping to add the alt attributes using javascript. Although that doesn't make the code great if javascript is turned off, it is a lot better.
This thread WCAG 2.0 level A and AJAX generated content seems to imply that using other js methods with WCAG 2.0 Level A aren't a problem. I assume it would then be alright in this example.
html - 如何使 Font Awesome WCAG 2.0 兼容？
如果我有一个网站上有几个字体很棒的图标，例如
并通过 WCAG 2.0 验证器运行它，我收到以下错误：
我意识到该规则不应该真正适用于这种情况，因为它可以确保使用<em>and<strong>而不是它们的非语义对应物<i>and <b>。但是如果我有一个需要我检查所有 WCAG2.0 框的客户，问题仍然存在。
那么有谁知道什么是正确的方法。我应该将它们<em>改为，这会给屏幕阅读器带来任何困难吗？欢迎任何其他建议！
html - 使用 Bootstrap 3 为不同屏幕尺寸设计网站样式
我正在使用以下方法为我的网站设置不同屏幕尺寸的样式。
然后，我在我的 CSS 中为 #sidebar 和 #sidebar_mobile 定义不同的样式。这会导致两个问题：
- 重复（#sidebar 和#sidebar_mobile 之间有许多共享属性）。
- 重复 ID - Typo3 自动插入的 div（通过 Typo3 后端插入的原始 HTML 内容）最终具有相同的 ID（在 #sidebar 和 #sidebar_mobile 内）。这失败了 WCAG 2.0 AA，我需要我的网站通过它。
我想知道在这种情况下是否有更好的处理方法。什么是更好的解决方案
section508 - 508 合规性 - 颜色对比
最近出现了 508 合规问题。我开始阅读一些 WCAG 和 508 指南。
我们看到了关于数字比率的建议：
http://www.w3.org/TR/WCAG20/ 1.4.3 对比度（最低）：文本的视觉呈现和文本图像的对比度至少为 4.5:1，以下情况除外：
是否与每个 WCAG 的至少 4.5.1 强制性形成对比，以符合 508 ......或者这是一个灰色区域，其中“合规性”与“可访问性”是一个问题？
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>应该做的工作。
我在下面包含了一些示例标记，并希望得到任何指示：
colors - 是否有一种颜色同时满足 WCAG 2.0 的黑白对比度要求（AA 级）？
我想找到一种满足 WCAG 2.0（AA 级）黑色 ( #000) 对比度和白色 ( #FFF) 对比度要求的颜色。
http://www.w3.org/TR/WCAG20/#visual-audio-contrast
“1.4.3 对比度（最低）：文字的视觉呈现与文字图像的对比度至少为 4.5:1，以下情况除外：（AA 级）”
我不明白这个比率的含义足以做出有根据的猜测。这样的颜色真的存在吗？无论哪种方式，我都找不到答案。