标签: wai-aria

当我有一个强制(必需)无线电组时,哪个元素应具有aria-required="true"属性？基本上,我有一堆<input type="radio">共享相同的元素,name并在一个组合在一起<fieldset>.

1. 我应该把aria-required上<fieldset>？
2. 我应该aria-required每个收音机吗？
3. 或者你会说"应该没有强制性无线电组这样的东西;设置一个默认值,以便无线电组永远不会处于非选择状态"？ - 也许这是单独的可用性讨论的主题.

使用以下代码有什么好处吗？

<ul role="list">
    <li role="listitem"></li>
    <li role="listitem"></li>
    <li role="listitem"></li>
</ul>

以下代码与辅助技术具有相同的含义吗？

<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

我正在尝试aria-autocomplete使用jQuery在元素上设置属性.但是,当IE10在IE5 Quirks模式或IE7标准模式下运行时,会产生Member not found错误.

<input type="textbox" id="test" />?
$('#test').attr({"aria-autocomplete": "list"});?

有关演示,请参阅此jsFiddle.

我已经尝试了这里定义的各种其他ARIA属性:

HTML 5:标记语言(ARIA版)

有些产生相同的错误,有些则没有.

我无法在IE9中重现错误.

这是IE10中的错误吗？jQuery的？或者是否有其他原因导致我不理解？

我正在开发一个Web应用程序,我想通过屏幕阅读器轻松使用它.在JAWS中测试内容非常耗时.是否可以让JAWS显示文本而不是阅读它？我不希望在开发过程中真正听到内容.我只想看看JAWS会读到什么.

我正在建立一个网站,我一直在努力磨练我的可访问性技能.我想知道标签内容的最大语义标记是什么.这就是我现在拥有的:

<section>
  <nav>
    <a href="#tab" aria-controls="content">Stuff</a>
    <a href="#tab" aria-controls="content">Stuff</a>
    <a href="#tab" aria-controls="content">Stuff</a>
  </nav>
  <section id="content" aria-live="polite" role="region">
    <article>...</article>
    <article>...</article>
    <article>...</article>
   </section>    
</section>

我对此有一些具体问题.

1. 我是在正确的轨道上吗？如果没有,有人可以推荐一些变化？
2. 如果我要通过AJAX加载文章,我是否需要进行更改？
3. 我需要导航标签吗？
4. WAI-ARIA的角色是否足够？
5. 这些是正确的WAI-ARIA角色吗？

我想让VoiceOver在HTML span元素中说出除指定文本内容之外的其他内容:

<span tabindex="0" class="myClassName" id="DateLabel" role="heading">1:02a</span>

考虑一下我可能希望VoiceOver说出全文文本的情况.

当我添加aria-label属性时,VoiceOver仍在阅读文本,尽管IE和Chrome等桌面浏览器正在读取aria-label.

当我添加aria-labelledby属性加上隐藏的aria标签元素时,我能够让VoiceOver读取备用旁白,而不是文本内容.但是,我发现这只有在aria-role是按钮或链接等小部件角色时才有效.这很糟糕,因为我不想向用户暗示这是他们可以激活的交互元素.VoiceOver恼人地将"按钮"添加到叙述序列的末尾.我更喜欢使用像"标题"这样的结构角色,但是VoiceOver只是恢复阅读文本内容而不是阅读隐藏的叙述.

请帮忙!我一直在反对这一点,但我根本无法忍受iOS的非标准ARIA实现.我不明白为什么他们必须与桌面浏览器不同,因为它们很简单,但它们在很多地方,我找不到一个好的文档,概述了任何地方的确切行为.

我正在尝试将aria-label属性添加到链接以使其更易于访问.当我这样做时,它按预期工作:

<a href="/" class="site-name <%= is_active('home') %>" aria-label="<%= get_aria_label_current_page('home') %>">Version Postman</a>

但这不是:

<%= link_to t('nav.projects'), projects_path, class: is_active('projects'), aria-label: get_aria_label_current_page('home') %>

我收到"意外的tLABEL"语法错误.谁知道问题是什么？

谢谢.

我的用户交互过程如下:

1. 向用户显示包含城市列表的下拉列表
2. 选择城市后,AJAX请求会获取城市中的所有建筑物,并将它们插入到div中(此AJAX请求会返回一个复选框列表)
3. 然后,用户可以选中/取消选中一个复选框,将城市添加到同一页面上的表格中.(这会动态插入/删除表行)

这是我的选择下拉列表:

<label for="city-selector">Choose your favorite city?</label>
  <select name="select" size="1" id="city-selector" aria-controls="city-info">
  <option value="1">Amsterdam</option>
  <option value="2">Buenos Aires</option>
  <option value="3">Delhi</option>
  <option value="4">Hong Kong</option>
  <option value="5">London</option>
  <option value="6">Los Angeles</option>
  <option value="7">Moscow</option>
  <option value="8">Mumbai</option>
  <option value="9">New York</option>
  <option value="10">Sao Paulo</option>
  <option value="11">Tokyo</option>
</select>

这是ajax div得到空白/填充:

<div role="region" id="city-info" aria-live="polite">
<!-- AJAX CONTENT LOADED HERE -->
</div>

这是放在ajax div中的复选框列表:

<fieldset id="building-selector" aria-controls="building-table">
  <legend>Select your favorite building:</legend>  
  <input id="fox-plaza" type="checkbox" name="buildings" value="fox-plaza">
  <label for="fox-plaza">Fox Plaza</label><br>
  <input id="chrysler-building" type="checkbox" name="buildings" value="chrysler-building"> …

我正在努力修复网页上的一些辅助功能问题.我有一个div作为一个对话框,在一个点内部显示一个包含加载动画和文本"Working ..."的div.

我不确定如何标记这两个项目,以便正确通知盲人用户有进度动画并且它正在工作,他应该等待.

<div id="loading" style="display: none;">
        <div class="mgBot15"><span class="txt16" role="alert">Working...</span></div>
        <img src="loading.png" role="progressbar" aria-busy="true"/>
    </div>

我尝试将角色和aria-busy属性添加到img(最初也是父div).

当这个div出现时(通过更改显示样式属性),它正确读取"Working ..."但我没有听到任何迹象表明它正忙,用户应该等待,我错过了什么？

我已经看了很多关于加载动画的例子,到目前为止无济于事.

注意:我正在使用NVDA作为屏幕阅读器进行测试.

谢谢

我已经构建了一个图像库,它使用的divs包含一个背景图像,其size设置为cover,但我担心可访问性.

我的问题如下:

1. 我可以在标签title上使用该属性div代替alt-text属性img吗？
2. 是否会将figcaption元素作为兄弟添加到元素中div,并将它们嵌套在figure元素中以帮助实现可访问性？
3. 我可以用aria-labeledby的div？
4. 我应该将文本注入其中div吗？

提前感谢您对这些问题的任何见解!