标签: jaws-screen-reader

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

我有一个WPF应用程序需要支持屏幕阅读器(尤其是JAWS).问题是,当列表视图项已更改(添加,删除)时,JAWS不会发布任何内容.盲人用户完全不知道发生了什么.我有什么方法强制屏幕阅读器宣布一些文本,当尝试从列表视图控件添加/删除项目？我该怎么办？

JAWS表导航快捷键与自定义实现的导航键(即箭头键)之间的冲突

我正在尝试使用键盘访问HTML表,以及使用JAWS屏幕阅读器可读.

为了使键盘可访问,我正在做以下事情: - 在表格单元格上为箭头键添加了按键事件(左,右,顶部,底部)

为了使JAWS可读我正在做以下事情: - 添加标题,摘要到表 - 添加范围= col到表头 - 添加ARIA角色,如应用程序,行,网格,gridcell

在不使用JAWS的情况下运行页面时,键盘导航工作正常.如果使用JAWS快捷方式,JAWS也会阅读表格.

当它与JAWS一起运行时,自定义实现的键盘导航无法正常工作.要使用自定义实现的键盘导航(即箭头键)将焦点移动到不同的单元格,我使用INSERT + 3键,然后使用箭头键.这会将焦点转移到不同的单元格,但不会改变JAWS当前的单元格焦点.因此,当JAWS读取时,它将读取除实际聚焦单元格之外的单元格.

示例页面URL:http://test.cita.illinois.edu/aria/grid/grid1.php 上面的页面支持自定义键盘导航(即箭头键).尝试使用JAWS阅读上面的页面.

请帮助使JAWS同时读取键盘.

感谢您的帮助!

非常感谢您的快速回复!这是您提供的非常好的信息.

但是我对此有更多疑问.如果你能帮忙的话会很棒.

1. JAWS支持各种游标,如Virtual PC Cursor,PC Cursor,JAWS Cursor.根据我的知识,当我们指定role ="application"时,JAWS在PC Cursor上运行,并且使用提供的击键可以使用网站中提供的任何功能.我想要实现的功能,尤其是使用HTML Table,用户应该能够使用箭头键进行导航,以及JAWS应该阅读当前关注的内容.所以这里的疑问是为什么JAWS不会在PC Cursor中读出当前关注的内容.(在html表中它可以是当前聚焦的单元格).

2. 如果你能解释一下,JAWS用户如何理想地使用JAWS(特别是在HTML表格中呈现的信息),将会很有帮助.

3. 我有一个复杂的表,具有以下功能,并希望它可以通过键盘访问和JAWS可读:

   • 带有展开/折叠图标的表格.单击"展开/折叠"图标或从键盘按+/-,用户可以看到嵌套表.
   • 每行表都有一些操作项,按一个键或点击它应该执行一个操作.(例如,每行显示唯一的产品信息,用户可以通过按某个键或单击按钮来购买(操作项).)

4. 我尝试使用dojo网格,它提供了使用键盘箭头键导航,并有一个JAWS快捷方式来读取当前聚焦的单元格,即INSERT + UP箭头.

问题如标题中所述,这是我的HTML代码.

<li> <a id="blog-setup" href="https://illinois.edu/toolbox/0.portlet?componentId=13&amp;desktopId=1" aria-describedby="readme">setup</a> </li>
<div id="readme">HELLO WORLD</div>

发生的事情是Jaws声明如下:"链接设置...按下Jaws键,alt键和R读取aria-describedby".我希望Jaws能说"Link setup Hello World".

我正在使用Twitter Bootstrap开发一个项目,并使用屏幕阅读器玩JavaScript组件.

当我触发模态对话框时,Jaws跳过模态进入页面中的下一个链接.

有没有办法实现可访问的模式？

我认为另一种解决方案是将静态页面设置为模态的功能,并在用户使用屏幕阅读器时重定向到此页面.如果用户使用屏幕阅读器,我能以某种方式检测到吗？

我正在开发一个使用 iFrame 的 Web 应用程序（请不要要求我使用其他东西，而不是我的决定）。有两个框架，一个导航框架和一个内容框架（自上而下）。

导航框架始终保持不变。当用户单击链接导致内容框架内的内容发生更改时，JAWS 不执行任何操作。我想要 JAWS 做的是宣布新页面的内容（至少是标题）。

我查找了 WAI-ARIA 标签，并尝试了各种 JavaScript 技巧来将焦点集中到元素上。 唯一有效的就是执行以下操作

<iframe id="contF" aria-atomic="true" aria-live="assertive" frameborder="0" name="content" title="${ca.title}" src="${ca.src}"></iframe>

这将导致 JAWS 在首次加载框架时宣布框架的内容（因此之前从未单击过该链接）。如果是“访问过的链接”，则根本不会公布该框架的内容。

Hello Stackoverflow社区.这是我的第一个问题,但我会尽量简洁明了.

我的任务是更新我们的ASP.NET Web应用程序,使其符合508条款.这对我来说都很新鲜,而且我无法按预期工作.

我们有一个页面,用户可以通过onmouseover事件获取有关链接的其他信息.显然这对没有视力的用户不起作用.因此,我们为他们提供了一个"更多信息"按钮,显示与视力正常的用户相同的"工具提示"div.

我添加aria-live="assertive到"工具提示"div中的理解是,如果在页面加载时隐藏了div,然后通过按钮显示,则JAWS会读取它.令我沮丧的是,事实并非如此.

工具提示div看起来像这样:

<div id='tooltip' aria-live='assertive' style='display:none;'>
    <span id='tooltip_message'>This is my tooltip text</span>
</div>

它通过按钮的click事件显示,并带有以下JavaScript代码:

function ShowTooltip(ttID)
{
  var tt = $('#' + ttID);   
  tt.css('display', '');
}

显示工具提示div的按钮如下所示:

<button id='ttBtn' onclick="ShowToolTip('tooltip'); return false;">
    More information
</button>

我成功地让JAWS通过向工具提示div添加role ="alert"来阅读工具提示,但我想避免将警报角色用于非警报目的.主要是因为它显示"警报,这是我的工具提示文本".给用户.

我想知道当它变得可见时,让钳口读取工具提示的正确方法是什么？

我使用的是IE 11和JAWS 16. Internet Explorer和JAWS是我无法改变的要求.

谢谢!-射线

UPDATE

我想我会发布我们使用的解决方案,以防其他人遇到同样的问题.这是我们代码的简化版本,它显示了工具提示在显示时可见和读取的必要条件.这是一个服务器控件,因此许多ID都基于控件的ClientID属性并具有已知的后缀(_tootip,_tooltipcontainer等)

JavaScript的:

 //handles showing/hiding of the tooltip
 function ShowToolTip(ttID)
 {
    var tt = $('#' + ttID + '_ToolTip');    
    var ttContainer = $('#' + ttID + '_ToolTipContainer');  

    var ttClone …

我正在为我的项目研究 Web 门户可访问性。在调试更改时，我不太喜欢听屏幕阅​​读器。

只是想知道是否有任何工具可以告诉屏幕阅读器会读出什么。

这是为了了解页面是否存在任何排序问题。

我只注意到,虽然aria-label,aria-labelledby和aria-describedby属性据说每一个元素上工作(见http://www.w3.org/TR/wai-aria/states_and_properties#aria-describedby),他们似乎只是几个要素工作喜欢a,而不是例如div或p在NVDA和JAWS中.

我创建了一个小的codepen来演示问题(使用浏览和焦点模式浏览它):

http://codepen.io/jmuheim/pen/avWbPe

例如,在NVDA的上a元素时,aria-label并aria-labelledby似乎在这两个浏览和对焦模式下工作.但aria-describedby仅在焦点模式下宣布,而不是在浏览模式下宣布.

对于input元素,没有任何属性似乎在浏览模式下工作,但所有属性都在焦点模式下工作.

对于像" p或"这样的"裸"文本元素div,没有一个属性似乎有效.

在JAWS中,它的行为非常相似,但至少对于p元素,当存在时aria-describedby,它宣布可以通过按"JAWS + alt + r"来读取描述.

我真的没有看到明确的模式,所以我想知道如何使用这些属性的屏幕阅读器的一般规则是什么？或者更好:为什么他们不按照规范提出的那样只为每个元素工作？

我如何为以下生成的 SVG 添加替代文本？我只能访问html。流动的SVG在div中。这是读取 Js 函数生成的数字。

<svg class="barcode" role="img" aria-labelledby="title desc" jsbarcode-format="code39" jsbarcode-value="" jsbarcode-textmargin="0" jsbarcode-width="1" width="116px" height="140px" x="0px" y="0px" viewBox="0 0 116 140" xmlns="http://www.w3.org/2000/svg" version="1.1" style="transform: translate(0,0)"><rect x="0" y="0" width="116" height="140" style="fill:#ffffff;"></rect><g transform="translate(10, 10)" style="fill:#000000;"><rect x="0" y="0" width="1" height="100"></rect><rect x="4" y="0" width="1" height="100"></rect><rect x="6" y="0" width="3" height="100"></rect><rect x="10" y="0" width="3" height="100"></rect><rect x="14" y="0" width="1" height="100"></rect><rect x="16" y="0" width="1" height="100"></rect><rect x="18" y="0" width="1" height="100"></rect><rect x="20" y="0" width="3" height="100"></rect><rect x="24" y="0" width="1" height="100"></rect><rect x="28" y="0" width="3" height="100"></rect><rect x="32" y="0" width="3" height="100"></rect><rect x="38" y="0" …