辅助功能和星号尾注
我有一个很长的文档，我需要将其转换为符合WCAG AA的HTML，作者使用星号作为结尾注释，如*、**和***。下面是一个示例： Solano County Atlas Fire (Solano County) 10/17* Ponderosa Fire (Butte County) 08/17* Helena Fire (Trinity County) 08/17* ... * For
..
wcag2.0相关内容
如何使 Font Awesome WCAG 2.0 兼容?
如果我的网站上有几个字体很棒的图标，例如 并通过 WCAG 2.0 验证器运行它，我收到以下错误: 成功标准 1.4.4 调整文本大小 (AA)检查 117:使用了 i(斜体)元素.修复:用 em 或 strong 替换你的 i 元素.错误行 185，第 158 列:
..
如何在模态对话框中保持焦点?
我正在使用 Angular 和 Semantic-UI 开发一个应用程序.该应用程序应该是可访问的，这意味着它应该符合 WCAG 2.0.为了达到这个目的，模态应该将焦点保持在对话框内，并防止用户离开或在位于模态下方的页面元素之间使用“标签"移动. 我找到了一些有效的例子，如下所示: JQuery 对话框:https://jqueryui.com/dialog/#modal-confi
..
无障碍切换
我们正在重新设计我们的网站，内部存在一些担忧，认为可访问性会影响设计元素.建议使用切换模式.我们的标准版本仍然可以访问，但对比度和更大的字体大小除外，当您切换到可访问模式时，它们将可用.有没有人有这方面的经验? 解决方案 您确定您真正想要的是切换吗?这迫使某些用户执行额外的步骤以使用您的网站.当您谈论对比度和字体大小的切换时，这尤其令人担忧. 由此我可以推测您的设计中有些部分对比度较
..
非文本元素和 UI 控件的 WCAG AA 对比度要求
我正在努力确保我正确解释了 WCAG 2.0 AA 对比度要求: 文字的视觉呈现与文字的图像至少要有4.5:1的对比度 最小对比度成功标准 (1.4.3) 适用于页面中的文本，包括占位符文本和当指针悬停在对象上或对象具有键盘焦点时显示的文本.如果页面中使用了其中任何一个，则文本需要提供足够的对比度.虽然此成功标准仅适用于文本，但图表、图形、图表和其他非基于文本的信息中显示的内容也会出现
..
使用占位符作为标签是否符合 WCAG 2?
我知道使用占位符文本作为标签不是很容易访问，但它在技术上是否违反 WCAG 2?我找不到任何明确的内容，但我想知道对该标准进行更专业的阅读是否会在其中找到一些内容. 解决方案 首先阅读:这不是建议您应该使用占位符而不是标签，而是关于占位符是否适用的思想实验在 WCAG 的指导下足够了.如果您确实使用占位符而不是标签，那么您的网站将无法访问，正如我之前在数百个答案中所述.如果您因歧视而被起诉
..
AA级可访问性-使用文本阴影可增强色彩对比度
我有一个要按照WCAG 2.0 AA Level规范进行编码的站点，并且其中一个按钮的颜色对比度无法通过. 背景-#D57405前景-#FFF 是否可以使用文本阴影来增强对比度–这会被视为合格吗? 我可以为不支持文本阴影的浏览器提供不同的颜色，但我想尝试将按钮的颜色保持不变，以符合大多数用户的品牌准则.作为背景-我正在使用没有粗体变化的网络字体，而且我也不想对粗体进行仿造.另外，
..
视频的字幕应如何显示以完成WCAG 2.0?
我正在建立一个网站，该网站必须符合WCAG的AA要求. 我们将提供视频，并且要做到正确，必须有该视频的成绩单，我的问题是，用html表示在此之前，之后放置此成绩单的正确顺序是什么.有一个符合此要求的有效标签. 感谢您的宝贵时间. 解决方案 感谢您的帮助！ 我进行了研究，最终的答案是匹配正确的aria属性和一些html5.
..
制作可点击的< div>通过标签结构可访问?
所以我正在一个需要
和onclick事件的项目中工作.我已经完成了主要功能，但是有一个问题.当用户切换到
并按Enter时，我需要发生onclick事件.我在
上添加了一个tabindex，它可以使它获得焦点，但是当用户按下Enter键(或任何其他键)时，什么也没发生. 有人可以帮我吗?还是我什至想不到? 这是一个演示我的问题的jsfiddle. http://
..
使用HTML5约束验证API使字段无效时，我必须使用aria-invalid吗?
据我所知，不建议在元素中添加重复的角色: 这是多余的，因为nav告诉屏幕阅读器内容的语义是什么.到目前为止一切顺利. 现在，我要使表单字段无效.我了解古典我应该对此进行改造: …进入
..
更改表单以包括WCAG的提交按钮
我目前的格式如下：
..
桌子和屏幕阅读器
我似乎很难让屏幕阅读器读取简单的表格。我有以下HTML：
帐号： 1111 1111 1111 & nbsp& nbsp 参考编号： XXXX XXXX XXXX
..
如何标记符合WCAG 2.0的按钮？
在争取WCAG 2.0合规性的过程中，我发现了很多有关正确处理按钮的信息，尤其是考虑到按钮可访问和合规性所需的信息。 标记 的适当方法是什么？他们需要具有什么属性或组合？ 我的按钮分为三类： 具有描述文字的按钮他们打算采取的行动。 （例如，“了解详情”以启动包含更多产品信息的模式） 按钮上的文字不能说明其操作。 （例如，“ X”或标题为手风琴内容的一部分的文字
..
无障碍切换
我们正在重新设计我们的网站，内部存在一些担忧，即可访问性会影响设计元素。建议使用切换模式。除了对比度和较大的字体外，我们的标准版本仍可访问，当您切换到可访问模式时即可使用。有没有人有这方面的经验？ 解决方案 您确定您真正想要的是切换吗？这迫使某些用户使用您的网站迈出了一步。 由此我可以假定您的设计中某些部分对比度差，小写字母。 对于初学者来说，对比度和字体大小有问题的人不仅是“
..
如何在模态对话框中保持焦点?
我正在使用Angular和Semantic-UI开发一个应用程序.该应用程序应该可以访问，这意味着它应该符合WCAG 2.0. 为了达到这个目的，模态应该保持对话框内的焦点，并防止用户走出该模态下页面的元素或在它们之间移动“制表符". 我找到了一些可行的示例，如下所示: jQuery对话框: https://jqueryui.com/dialog/#modal-confirmation
..
跟踪像素是否需要具有可访问性（WCAG 2.0）的alt属性？
我们正在运行网站并拥有第三方跟踪像素，但在我们的网站上进行webaim / WCAG 2.0扫描时，我们收到了 alt 属性错误。 我不确定是否在这种情况下跟踪像素实际上仍然需要空白 alt 属性或屏幕阅读器仍然会读取 src ？ 解决方案 alt =“”是最合适的方法 - 这会告诉屏幕阅读器图像纯粹是装饰性的，应该忽略。由于跟踪像素不能可视化地传达信息，因此从这个角度来看，它们本质
..
如何让Font Awesome WCAG 2.0兼容？
如果我有一个网站上有一些字体超棒的图标，例如 并通过WCAG 2.0验证程序运行此命令我收到以下错误消息： 成功标准1.4.4调整文本大小（AA） 检查117：使用了i（italic）元素。 修复：用em或strong替换你的i元素。 错误185行，第158列：
..
隐藏文本只适用于屏幕阅读器
我根本无法得到这个问题的答案。 WCAG说它可以通过 aria-hidden 标签来完成，但我已经读过它在许多屏幕阅读器上不工作。 无法得到如何 display：none 可以帮助隐藏某些文本用于屏幕阅读器（= SR以外的其他设备可见）。这也不清楚如果屏幕阅读器对 display：none 如果它不支持css，它将如何操作。 解决方案 在任何技术或最佳实践中， > aria-hidd
..
在HTML中组合表和分层列表
我正在努力重新设计一个旧版工具集，我正在寻找如何更好地显示一些信息的现实和语义。 具有需要对用户容易地可见的属性。所需的布局类似于下面。 Seq项目名称最小值Max - 此处未显示任何内容 1标识符1 1（必需） 2名称1 1 2.1名字1 1 2.2中间名 - - （可选但未命名） 2.3姓氏1 1 3 Age - 1（可选） 此时这是一
..