问题标签 [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.
google-maps - 带有 Google 地图 js api 的键盘可访问标记
根据 WCAG 和第 508 节，网站上的所有信息必须只能使用键盘访问。
我有一个谷歌地图，上面有一些标记，可以打开一个带有专用信息的模式。
问题是带有 google maps js API 的标记对键盘是不可见的，并且不能使用 TAB 键聚焦。因此键盘用户无法访问标记后面的内容。
有没有解决的办法 ？我在 API 文档中没有找到任何内容，也没有提到标记上的“焦点”。
欢迎任何解决方案。
iframe - LinkedIn 嵌入式小部件未通过可访问性审核
我们已经在我们的网站上实现了 LinkedIn Company Insider 小部件，但嵌入式标记未能通过可访问性测试。
当模块被渲染到页面中时，它包括两个 iframe（一个在另一个内），但两个 iframe 都没有正确地标记为向辅助技术用户描述其内容的标题。
下面以一个渲染的标记为例：
<iframe id="li_xxx" name="li_xxx" src="javascript: void(0);" style="visibility: visible; width: 633px; height: 285px; background: transparent;" true"="" framspacing="0" frameborder="0"></iframe>
由于代码是在运行时嵌入的，我无法手动修改标题属性 - 是否有任何方法或参数可以正确标记 iframe？我宁愿不必使用 jQuery 来注入它。
WCAG 文档要求所有框架/iframe 提供描述性标题属性以识别 iframe 的用途：http: //www.w3.org/TR/WCAG20-TECHS/H64.html
html - h2 上方的较大文本也应该是 h2 吗？
如果我在页面的第一个标题之前有一个促销英雄材料，如所附图像中所示，那么英雄材料的标题文本应该使用h1/h2等中的标题元素还是只是普通p文本？我需要它可以访问 WCAG 2.0 AA。
你们怎么看？文本“学习”是h2给我的。“研究生……”也应该是h2吗？
html - 我们是否需要 Instagram 提要的替代文本以满足 WCAG 2.0 AA 合规级别？
我们都知道装饰图像不需要描述性的替代文字。它只需要一个空替代文本。但是，如果我收到一个 instagram 提要，那么这些图像是装饰性的还是有意义的？
顺便说一句，我说的是 WCAG 2.0 AA 可访问性合规性指南。
html - 制作一个可点击的通过选项卡结构访问？
所以我正在做一个需要<div>onclick 事件的项目。我的主要功能正常工作，但有一个问题。我需要 onclick 事件在用户选项卡到<div>并按 Enter 时发生。我在其中添加了一个 tabindex 以<div>使其获得焦点，但是当用户按下 enter （或任何其他键）时没有任何反应。
谁能帮我这个？还是我想要的甚至不可能？
这是一个展示我的问题的jsfiddle。 http://jsfiddle.net/logiwan992/suwq7r09/
预先感谢您的任何帮助。
web - Achecker 涵盖的 WCAG 2.0 AA 指南列表
我正在寻找 Achecker ( achecker.ca ) 涵盖的 WCAG 2.0 AA 指南列表（这是我们自动化的一部分），以确保我们不必在手动测试中涵盖这些指南。
我在他们的网站上找不到这些细节。非常感谢任何帮助找到 achecker 已经涵盖的指南。
html - 显示：转换为 word 后表格不工作
我正在使用 DIV 来布局我的 .aspx 页面，以便符合 WCAG 2.0，如下所示：
这在所有浏览器中都可以正常工作，但是当我将其转换为 Word 而不是水平显示时，它将以垂直格式显示。
我该如何解决这个问题？
谢谢！
leaflet - 如何使 Leaflet 地图可访问且符合 WCAG2
我已经关注了有关此主题的多个主题，但无法解决以下问题：
- 如何防止传单地图平铺图像名称被屏幕阅读器读出？
- 如何使矢量图层（如圆形和矩形）可选项卡？
- 如何使平铺图像不可选择-这与＃1有关吗？
我已经尝试使用当前的 Leaflet 发行版 0.7.5 和 1.0 Beta2 - 没有任何成功。以下是一些相关的讨论：
StackOverflow：如何使 Leaflet 平铺层可访问
有没有人有一个链接可以分享——指向一个符合 WCAG2 的基于 Leaflet 的站点/页面？
accessibility - 可访问性——WCAG 2 和法律限制
我刚刚发现有些国家（英国、加拿大等）实际上有关于网站可访问性的法律。我很震惊，因为一件事是有一些建议，另一件事是法律，女巫意味着任何人都可以起诉你不“标准”。
我对您的专业意见很感兴趣，为什么根据 WCAG 2.0 的建议使用 LAW 来使残疾人可以访问网站是不好的。如果可以，请提供一个带有适当评论的好例子。能流利使用 WCAG 2.0 标准的人并不多。
我在维基百科对 wcag 的批评中发现了它所说的：
对 WAI 指南的批评
有人批评 W3C 流程，声称它没有充分地将用户置于流程的核心。 [2] 对 WCAG 最初声称 WCAG 2.0 将解决由 Lisa Seeman 领导并由 40 个组织和个人签署的有学习障碍和认知限制的人的要求提出了正式反对意见。 [3] 在诸如“WCAG 2.0：新的 W3C 指南评估”、[4]“WCAG 2.0 下地狱”[5] 和“Testability Costs Too Much”[6] 等文章中，WAI 因允许 WCAG 1.0 获得由于 WCAG 2.0 的缓慢发展步伐、使新指南难以导航和理解以及其他争论的失败，与当今创建和消费 Web 内容的技术和技术越来越不同步。
*我可能错了，但我认为 CODE 根本不应该受到任何法律的限制。这是一个该死的CODE ffs
我认为政府应该鼓励网站所有者（企业！）使他们的网站可访问，但不限于某些 wcag。
谢谢！