最近我一直在将ARIA实现到Web应用程序中,我发现了thisquestion对改进导航部分很有帮助。在所有模块中实现后,我发现了这个HTML验证错误:Attributearia-selectednotallowedonelementaatthispoint.查看ARIA规范,我看到aria-selected仅用于角色gridcell、option、row和tab。在我的例子中,链接的作用是menuitem。这是HTML代码的代表性示例:Page1Page2Page3Page4如您所见,这是在“第3页”拍摄的。此处使用的正确ARIA角色是什么? 最佳答案
我对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);按钮也需要关闭标签
我正在努力解决网页上的一些可访问性问题。我有一个用作对话框的div,并且在某一点内部显示了一个包含加载动画和文本“正在工作...”的div。我不确定如何标记这两个项目以便正确地通知盲人用户有一个进度动画并且它正在运行并且他应该等待。Working...我尝试将role和aria-busy属性添加到img(一开始也添加到父div)。当这个div出现时(通过更改显示样式属性),它正确地显示为“正在工作...”,但我没有听到任何迹象表明它正忙并且用户应该等待,我是不是错过了什么?我已经到处寻找加载动画的示例,但到目前为止无济于事。注意:我使用的是NVDA作为屏幕阅读器进行测试。谢谢
我正在制作一个小的chrome扩展,为此我需要从DOM中获取一个div来进行操作。我获得了DOM,但在获取所需的div时遇到了问题。这是它的代码。我已经尝试了getElemenyByID和document.attrib但都返回了null。关于如何获取将在此div中输入的文本的值的任何建议? 最佳答案 querySelector或带有属性选择器的querySelectorAll应该这样做://Thefirstelementthatmatches(ornullifnonedo):varelement=document.querySele
我正在标记一个网站,我一直在努力磨练我的可访问性技能。我想知道对于选项卡内容最语义化的标记是什么。这就是我现在拥有的:StuffStuffStuff.........我对此有几个具体问题。我走的路对吗?如果不能,有人可以推荐一些更改吗?如果我通过AJAX加载文章,是否需要进行更改?我需要导航标签吗?这里的WAI-ARIA角色够用吗?这些是要使用的正确WAI-ARIA角色吗? 最佳答案 1.我走在正确的轨道上吗?如果不能,有人可以推荐一些更改吗?是的,您的开端绝对不错。如果你想改进它,一些选项卡的东西可以被赋予一些与选项卡相关的角色,
在我的HTML文档中,我使用了罗马数字(例如:MMXV=2015)。有没有办法通知屏幕阅读器以另一种方式解释某些文本(例如:罗马数字为“2015”而不是M-M-X-V)?我的猜测是会有一个ARIA属性,但我似乎找不到。例如:MMXV 最佳答案 使用aria-label标签为元素提供有意义的描述。然后,通过将罗马数字包裹在具有aria-hidden的span元素中,对屏幕阅读器隐藏罗马数字。属性设置为true以对屏幕阅读器隐藏元素。MMXV 关于html-用于阅读HTML中替代文本(例如罗
虽然建议使用title上的属性元素,这对屏幕阅读器没有影响(至少对chromevox没有影响)。ASAP有效的当然是aria-label例如:ASAP因此,为了既语义正确又兼容屏幕阅读器,我需要同时标记:ASAP这看起来有点乱。为什么chromevox不直接读取标题属性? 最佳答案 简而言之:尽管有WCAG建议,abbr不是向所有人解释缩写含义的完美解决方案,aria-label当你想宣布缩写的发音时应该使用。屏幕阅读器不应该阅读title属性,因为它无意取代aria-label.另见W3警告:http://www.w3.org/T
aria-hidden在FontAwesome中有什么作用?有必要用吗?为什么?或者为什么不呢?比如我想知道下面代码中aria-hidden="true"的效果: 最佳答案 简而言之,它使屏幕阅读器看不到图标,以增强可访问性。来自thedocumentation:Ifyou'reusinganicontoaddsomeextradecorationorbranding,itdoesnotneedtobeannouncedtousersastheyarenavigatingyoursiteorappaurally.Additional
谁能给我一些例子,说明什么类型的值对aria-label属性有效。 最佳答案 可以是任意字符串,用于命名元素。ARIAspec:aria-label说:Mosthostlanguagesprovideanattributethatcouldbeusedtonametheelement(e.g.thetitleattributeinHTML),yetthismaypresentabrowsertooltip.Inthecaseswhereavisiblelabelorvisibletooltipisundesirable,author
我正在使用遵循以下语法的脚本在我的页面中设置一个选项卡式内容部分:Tab1Tab2Tab3__CONTENT____CONTENT____CONTENT__我将通过javascript在这个结构标记上设置各种ARIA角色(role="tablist"、role="tab"、role="tabpanel"等)(因为如果没有脚本就没有标签)但我不确定在哪里放置我的“aria-controls”属性。他们应该继续吗?元素或其上的子元素?还是无所谓?事实上,关于role="tab"可以问同样的问题。和tabindex="0"--这些东西应该放在列表项还是anchor上?