草庐IT

aria-describedby

全部标签

html - JAWS 未读取 Aria-Live ="Assertive"

你好Stackoverflow社区。这是我的第一个问题,但我会尽量简明扼要。我的任务是更新我们的ASP.NETWeb应用程序以符合第508节的要求。这对我来说都是全新的,我很难让事情按预期工作。我们有一个页面,用户可以通过onmouseover事件获取有关链接的附加信息。显然,这不适用于视力不佳的用户。因此,我们为他们提供了一个“更多信息”按钮,该按钮显示与视力正常的用户相同的“工具提示”div。我将aria-live="assertive添加到“tooltip”div并理解如果div在页面加载时隐藏然后通过按钮显示,它会被JAWS读取.令我沮丧的是,事实并非如此。工具提示div如下所

html - 防止读取每个动态变化 : is there an aria-live ="zombie"?

我有一个标签,我每隔几毫秒更新一次文本。在视觉上,我可以看到文字一闪而过,这很好。我想把它变成一个aria-live区域,这样我也能听到闪过的文字,但我不希望JAWS读取每一个文字变化。它会陷入困境。因此,如果在jaws读完第一个更改时我更改了文本4次,我希望jaws忽略其他3个更改,只说下一个更改(第5个更改),依此类推。遗漏的3个更改并不重要。所以我有一个aria-live区域,它不是真正活跃的,也不是真正死去的。我需要某种僵尸中间地带。我尝试了“礼貌”和“自信”以及aria-busy的各种组合,但我尝试过的都没有效果。有什么想法吗? 最佳答案

html - "aria-labelledby"属性的功能

当我在做一些网络开发时,经常出现一个名为aria-labelledby的属性。例如在bootstrap官方示例中:aria-labelledby="dLabel">经过一些研究,我知道它与可访问性相关,但关于该属性的确切功能的线索并不多。非常感谢。 最佳答案 任何新事物总是存在UA支持问题,这就是开发人员寻求渐进式增强的原因。这种ARIA技术提供了取消“for”属性的能力,并允许其他元素成为丰富形式的一部分。这些技术将成为常见的做法。在MozillaDeveloper上有一些很好的使用示例页。也许他们最好的示例是用于将弹出菜单与父菜

html - 导航中的当前页面使用什么 ARIA 状态角色

最近我一直在将ARIA实现到Web应用程序中,我发现了thisquestion对改进导航部分很有帮助。在所有模块中实现后,我发现了这个HTML验证错误:Attributearia-selectednotallowedonelementaatthispoint.查看ARIA规范,我看到aria-selected仅用于角色gridcell、option、row和tab。在我的例子中,链接的作用是menuitem。这是HTML代码的代表性示例:Page1Page2Page3Page4如您所见,这是在“第3页”拍摄的。此处使用的正确ARIA角色是什么? 最佳答案

javascript - 如何使用 JavaScript 将 `aria-disabled` 设置为 true

我对JS一无所知。但是我的Ruby中需要一行代码。我有以下html。我希望JS代码使第一个和第二个按钮可见。代码是什么?请帮忙。 最佳答案 http://jsfiddle.net/SQ7SH/1/varbuttons=document.querySelectorAll('.ui-dialog-buttonsetbutton');buttons[0].setAttribute('aria-disabled',true);buttons[1].setAttribute('aria-disabled',true);按钮也需要关闭标签

html - 如何为 WAI-ARIA 标记加载动画?

我正在努力解决网页上的一些可访问性问题。我有一个用作对话框的div,并且在某一点内部显示了一个包含加载动画和文本“正在工作...”的div。我不确定如何标记这两个项目以便正确地通知盲人用户有一个进度动画并且它正在运行并且他应该等待。Working...我尝试将role和aria-busy属性添加到img(一开始也添加到父div)。当这个div出现时(通过更改显示样式属性),它正确地显示为“正在工作...”,但我没有听到任何迹象表明它正忙并且用户应该等待,我是不是错过了什么?我已经到处寻找加载动画的示例,但到目前为止无济于事。注意:我使用的是NVDA作为屏幕阅读器进行测试。谢谢

javascript - 通过 aria 标签获取 HTML 元素

我正在制作一个小的chrome扩展,为此我需要从DOM中获取一个div来进行操作。我获得了DOM,但在获取所需的div时遇到了问题。这是它的代码。我已经尝试了getElemenyByID和document.attrib但都返回了null。关于如何获取将在此div中输入的文本的值的任何建议? 最佳答案 querySelector或带有属性选择器的querySelectorAll应该这样做://Thefirstelementthatmatches(ornullifnonedo):varelement=document.querySele

html - 标签部分的语义标记和 WAI-ARIA?

我正在标记一个网站,我一直在努力磨练我的可访问性技能。我想知道对于选项卡内容最语义化的标记是什么。这就是我现在拥有的:StuffStuffStuff.........我对此有几个具体问题。我走的路对吗?如果不能,有人可以推荐一些更改吗?如果我通过AJAX加载文章,是否需要进行更改?我需要导航标签吗?这里的WAI-ARIA角色够用吗?这些是要使用的正确WAI-ARIA角色吗? 最佳答案 1.我走在正确的轨道上吗?如果不能,有人可以推荐一些更改吗?是的,您的开端绝对不错。如果你想改进它,一些选项卡的东西可以被赋予一些与选项卡相关的角色,

html - 用于阅读 HTML 中替代文本(例如罗马数字)的 ARIA 属性

在我的HTML文档中,我使用了罗马数字(例如:MMXV=2015)。有没有办法通知屏幕阅读器以另一种方式解释某些文本(例如:罗马数字为“2015”而不是M-M-X-V)?我的猜测是会有一个ARIA属性,但我似乎找不到。例如:MMXV 最佳答案 使用aria-label标签为元素提供有意义的描述。然后,通过将罗马数字包裹在具有aria-hidden的span元素中,对屏幕阅读器隐藏罗马数字。属性设置为true以对屏幕阅读器隐藏元素。MMXV 关于html-用于阅读HTML中替代文本(例如罗

html - <abbr/>-元素: aria-label or title attribute

虽然建议使用title上的属性元素,这对屏幕阅读器没有影响(至少对chromevox没有影响)。ASAP有效的当然是aria-label例如:ASAP因此,为了既语义正确又兼容屏幕阅读器,我需要同时标记:ASAP这看起来有点乱。为什么chromevox不直接读取标题属性? 最佳答案 简而言之:尽管有WCAG建议,abbr不是向所有人解释缩写含义的完美解决方案,aria-label当你想宣布缩写的发音时应该使用。屏幕阅读器不应该阅读title属性,因为它无意取代aria-label.另见W3警告:http://www.w3.org/T