我想在 Jaws 读取时忽略按钮内的文本，我的代码是：
<span style="display:none;" id="text1">Hai</span>
<button aria-labelledby="text1"><span>firstbutton</span></button>
但《大白鲨》读作“海”第一个按钮
提前致谢
我可以在父元素上拥有多个角色吗，例如：
<div class="row">
<div class="col-sm-6" role="rowheader">
<p>Access to our award-wi</p>
</div>
<div class="col-xs-6 col-sm-3" role="row gridcell" > <<<
<img src="#{request.contextPath}/resources/books/images/icon_tick_table.png" role="gridcell"
alt="" title="s" class="table-image"/>
</div>
<div class="col-xs-6 col-sm-3">
<img src="#{request.contextPath}/resources/form/hello.jpg" role="gridcell"
alt=": Yes" title="s" class="table-image"/>
</div>
</div>
我有一组具有适当角色和属性的选项卡，用于辅助功能支持。选项卡控件的内容通过 ajax 加载。但是加载的内容的每个包装器也具有适当的选项卡窗格角色和属性。
问题是，当我使用 Chrome 辅助功能工具运行自动审核时，测试失败，指出ID除当前活动的选项卡之外的所有选项卡都缺少相应的选项卡窗格（因为已加载具有 ID 的包装器）。确切的错误指出：“通过 ID 引用其他元素的 ARIA 属性应该引用 DOM 中存在的元素。”
由于ID一旦具有相应属性的选项卡aria-controls处于活动状态， 就会存在，这真的是一个错误吗？或者这只是误报的情况，因为这是一个自动化测试，他们只能做这么多。
总而言之，它的aria-controls作用是什么？它真的需要引用IDDOM 中当前存在的 an 吗？
我有这个跨度元素：
<span>Select the <strong>START</strong> <span class="icon-start></span> button.</span>
这只是一行“选择开始按钮”，在“开始”一词后面有一个小图标。
目前，Microsoft Narrator（在扫描模式下）会读取“选择开始”，然后在该图标处暂停并等待用户告诉其继续。我试图让讲述人零中断地阅读整行，或者需要用户告诉它继续。
到目前为止，这是我尝试过的：
将aria-hidden="true"、tabindex="-1"、 和添加role="presentation到图标<span>
将跨度包裹在 a 中<div>并给出aria-hidden="true", tabindex="-1", 和role="presentation
在外部跨度中添加了一个role="heading"- 这可以使讲述人不间断地阅读所有内容，但他首先宣布“标题级别 1”。如果有办法阻止他说“heading”，那么这也是可行的。
是否有角色或 aria 属性告诉屏幕阅读器继续不间断地阅读？
我正在尝试将 aria-required="true" 属性添加到 wordpress 中忍者表单的某些表单元素中。我正在使用页眉/页脚脚本注入插件。但我似乎无法让我的代码实际工作。任何帮助将不胜感激！
http://champion.magnet.today/contact/
<script>
function codeAddress() {
var x = document.getElementsByClassName("nf-element");
var i;
for (i = 0; i < x.length; i++) {
x[i].addAttribute("aria-required", "true");
}
window.onload = codeAddress
}
</script><div class="nf-field-element">
<input id="nf-field-17" name="nf-field-17" class="ninja-forms-field nf-element" type="text" value="" placeholder="First Name">
</div>aria-current仅当锚点href等于当前窗口路径时，我才尝试在锚点中创建属性。基本上，我希望aria-current="page"如果相关锚点href与视图路径中的窗口相等。aria-current如果相关锚点不等于href视图路径中的窗口，我不想创建属性。
有没有办法编写内联条件语句来在 AngularJS (Angular1) 中创建或不创建属性？
当针对可访问性进行编程/设计时，是否有适当的方法来传达特定项目已“完成”？
目前正在构建一些易于访问的电子学习。在特定活动中，必须按下许多按钮，激活每个按钮会在单独的面板中显示更多信息。在这个特定的示例中，我使用了一个选项卡列表。
访问完所有选项卡后，用户可以继续进行下一个活动。
将 aria-label 更改为“Tab 1 - 完整”或“Tab 1 - 不完整”之类的内容是否足以指示其状态？
为了澄清起见，在这个特定的示例中，我使用选项卡列表，使用包含组件 - 选项卡式接口中的方法。无序列表需要有一个role="tablist"，所以我不能使用role="progressbar"。IE：
<ul role="tablist">
<li role="presentation"> <a role="tab" href="javascript:void(0)">Tab 1</a> </li>
<li role="presentation"> <a role="tab" href="javascript:void(0)">Tab 2</a> </li>
</ul>
是否有任何咏叹调或角色可以添加到语言切换链接中？例如，我在页脚中放置了两个链接来更改当前语言。
<a href="/language/switch/fr">Fr</a>
<a href="/language/switch/uk">Uk</a>
我有任何语义标签可以添加到此链接吗？
我有一个input我想为其提供一个可访问的标签以及一个默认的工具提示。
根据我的研究，这是我的理解：
title 仅凭可访问性是不够的。 aria-label 不会显示工具提示 aria-label并title可能导致某些屏幕阅读器同时阅读两者。有没有更好的方法来实现这一目标？
我基本上是在制作一个以 windows xp 为主题的投资组合，我很难为我的模态添加标签。我正在学习教程（https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Tab_Role），我的问题是当我调用 document.querySelectorAll('[role="tab "]') 我一无所获。使用 querySelector() 返回 null。
我在想，也许是因为在我打开模态之前还没有创建选项卡，但即使如此，每次向 DOM 添加某些内容时，事件侦听器也不应该检查吗？也许范围是错误的，但是当我把它放在渲染中或类中的任何地方时我会得到一些错误。
这是我的组件：
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "xp.css/dist/XP.css";
import Draggable from 'react-draggable';
class AboutMeModal extends Component {
render() {
return (
<Draggable
axis="both"
handle=".tabs"
defaultPosition={{x: 40, y: -80}}
position={null}
grid={[25, 25]}
scale={1}
onStart={this.handleStart}
onDrag={this.handleDrag}
onStop={this.handleStop}>
<section className="tabs" style={{width:'calc(99%)'}}>
<menu role="tablist" aria-label="Sample Tabs">
<button id="tab-1" role="tab" aria-selected="true" aria-controls="tab-A" tabIndex="0">Tab A</button>
<button id="tab-2" role="tab" aria-selected="false" aria-controls="tab-B" tabIndex="-1">Tab B</button>
<button id="tab-3" role="tab" …