问题标签 [web-accessibility]

我有一些使用提交按钮的表单，如下所示： <input type="button" onclick="validateAndSubmit()">

它们工作正常，但可访问性检查器说表单中没有提交按钮，因为没有。

我知道 type="button" 清楚地表明它充当按钮，但我不知道如何在不实际使用 type="submit" 的情况下向辅助技术表明它专门充当提交按钮。（我宁愿不使用实际的提交按钮，因为意外的 javascript 错误会提交表单。当然你可以捕获错误，从这个意义上说它不那么健壮，我想知道是否还有其他方法。）

是否有 ARIA 角色或其他技术可以清楚地表明按钮提交表单（假设一切都验证）？

在我的代码中，我有一个存储在无序列表中的按钮列表。如果您启用屏幕阅读器并使用标签进入任何li元素，大多数阅读器会从列表中的多少个元素中读出您所在的元素（例如“列表第 1 项，第 2 项，共 4 项”）。

我很好奇的是可以合并这两者，这样当你点击时，你可以点击按钮，但你也会得到屏幕阅读器读出的列表项信息。

下面是我当前代码的示例代码（第一个），第二个只是为了说明屏幕阅读器发出 2 of 4 的声音。

一位希望其网站符合 WCAG 2.0 AA 级合规性的客户要求使用 JAWS、Talkback 和 Voiceover 对网站进行测试。需要针对 IE、MS Edge、Chrome、Firefox 和 Safari（在 Mac OS、Windows 7、iOS 和 Android 中）测试合规性

我们的批准使用产品列表中已经包含 NVDA。

不能单独使用 NVDA 来测试我们的网站并对其进行 WCAG 2.0 AA 级合规性认证吗？

I'm working to adjust some components so that they all function and look good in high-contrast mode. Edge seems to be adding a black background under all text that IE11 does not add. I can't seem to find a way to target this background in CSS, or any other way to normalize the behavior between the two browsers.

For example, let's say I have the following:

And let's say I assigned background-color: cyan; and color: black; to the .SelectedText div.

In this scenario, IE11 renders it as expected with the div and text having the assigned colors. However, in Edge the div background and text are given the right colors, but the text itself gets a black background drawn behind it, making it unreadable black on black text.

The following image illustrates this problem occurring in the context of menu items with with basically the same markup described above.

Is there any way to disable or target this extra background that Edge adds?

我在 Mac 上使用 Safari。光标和焦点在字段上看起来不错。但是当我开始画外音并终止它后，闪烁的光标开始出现在所有文本上，就像它们是输入字段一样。要复制这一点，请使用任何 html 页面，在其上开始画外音，然后关闭画外音。您将在所有文本上看到闪烁的光标。有没有什么办法解决这一问题？

我有一张桌子，每个人都<tr>打开它<tr>下面的桌子。如何让用户可以访问它，以便他们知道它<tr>是可点击的并打开它<tr>下面的？

例子：

用户（使用屏幕阅读器）需要知道，当他们点击

它打开

我知道该aria-expanded属性可以用于<button>和<a>。 https://www.w3.org/WAI/GL/wiki/Using_the_WAI-ARIA_aria-expanded_state_to_mark_expandable_and_collapsible_regions

我想将条形码扫描仪值（从连接到移动设备的条形码扫描仪设备读取条形码）插入网页文本框字段，该页面正在移动 chrome 浏览器中运行。

我对客户网站进行了某种可访问性测试（针对盲人、聋人用户等），并且还提供了如何提高可访问性的提示。

提示之一是图像按钮：

此外，按钮应该得到一个简短而有意义的描述，例如一个不可见的文本。不可见的文本不应使用属性 display:none 和 visibility:hidden 进行标记。相反，应该将文本移出视口：

我想问一下这是否仍然是推荐的解决方案。这对我来说似乎已经过时了。我应该使用某种aria标签而不是不可见元素，还是建议的解决方案可以？

我有 ASP.NET Web 表单，并且使用了一些 asp.net 验证控件，例如 RequiredFieldValidator、RegularExpresionValidator 等。我必须使表单可访问，以便屏幕阅读器可以正确阅读屏幕。如果有任何验证失败，我必须将 WAI-ARIA 属性'role'='alert'和'aria-atomic':'true'添加到相应的验证控件中，并且如果通过验证，这些属性不应该存在。但我想知道如何添加这些属性，我需要一些帮助才能将 WAI-ARIA 添加到验证控件中。我的 Web 表单 HTML 如下：

我正在研究 angular bootstrap typeahead 键盘可访问性。我正在尝试提供此处提供的键盘支持。

在按下 Alt + (Up / Down) 时，如果关闭，则 Typeahead 应展开，反之亦然。我可以在关闭时扩展预输入（清除视图值）。关闭后，焦点应该放在预输入上，以便用户可以进一步编辑它但是我无法关闭预输入，当它打开时。

有人可以建议我如何完成这个。