草庐IT

Aria-Live

全部标签

html - ARIA 组合框的 IE 兼容标记

我正在努力寻找一种使ExtJSCombobox组件与IE/JAWS兼容的方法。目前我们正在使用以下标记:Choose:Option1Option2这在带有JAWS和NVDA的Firefox中运行得相当好;但是,IE中的JAWS会在聚焦时将输入字段宣布为“编辑”。阅读后WAI-ARIAComboboxpattern直到斗鸡眼并尝试了几天,我准备承认IE的问题太多,无法使组合可靠地工作。或者它可能不是IE本身,而是thiscomment中建议的MSAA/UIA桥接器.这也可能是真的,因为我发现至少一种ARIA属性组合在带有JAWS(使用MSAA)的IE8/XP中运行良好,但在带有JAWS(

javascript - jQuery page on/live/bind pageinit, pageshow

我正在使用jQueryMobile开发应用程序,我试图将用户面板中的所有页面放入一个大文件并通过一个大.js文件运行它。我不知道我是否可以用这种方式编写我的.js文件:加载用户面板时初始化$(document).on('pageinit',function(){});如果我可以把这个放在某个页面上,那么当某个页面将被调用时:$("#userpanel").on('pageshow',function(){});在每个页面的第一个这样的页面中:$(document).on('pageinit',function(){$("#userpanel").on('pageshow',functi

javascript - jQuery page on/live/bind pageinit, pageshow

我正在使用jQueryMobile开发应用程序,我试图将用户面板中的所有页面放入一个大文件并通过一个大.js文件运行它。我不知道我是否可以用这种方式编写我的.js文件:加载用户面板时初始化$(document).on('pageinit',function(){});如果我可以把这个放在某个页面上,那么当某个页面将被调用时:$("#userpanel").on('pageshow',function(){});在每个页面的第一个这样的页面中:$(document).on('pageinit',function(){$("#userpanel").on('pageshow',functi

jquery - ARIA 和 data-* 有什么区别

为了给HTML标签添加更多含义,我使用了data-*。实际上,我是从jquerymobile那里学到这种方法的。但最近我遇到了WAI-ARIA。看起来它几乎类似于data-*。谁能给我解释一下,它们有何不同以及它们对浏览器的依赖性?有用的链接关于WAI-ARIA关于data-*UPDATE:Finally..theybotharedifferent.Theyhavesomehowsimilarsyntax.Thatmademeconfused.Iamaccepting@Gajotresanswer.AndseethisyoutubevideoforARIAlive.Matchthisv

jquery - ARIA 和 data-* 有什么区别

为了给HTML标签添加更多含义,我使用了data-*。实际上,我是从jquerymobile那里学到这种方法的。但最近我遇到了WAI-ARIA。看起来它几乎类似于data-*。谁能给我解释一下,它们有何不同以及它们对浏览器的依赖性?有用的链接关于WAI-ARIA关于data-*UPDATE:Finally..theybotharedifferent.Theyhavesomehowsimilarsyntax.Thatmademeconfused.Iamaccepting@Gajotresanswer.AndseethisyoutubevideoforARIAlive.Matchthisv

html - aria-label 是否会阻止辅助设备读取内部内容?

MDNdocs说你应该像这样使用aria-label:X我无法使用屏幕阅读器,但我在StackOverflow上看到评论表明aria-label不会替换内部内容,它仅前缀它。所以在上面的例子中它会读出“CloseX”,这显然是不理想的。这是真的吗?如果是这样,解决方案是什么?我猜想用[aria-hidden=true]元素包裹内部内容是有意义的,如下所示:X...但我很谨慎,因为我无法在真实的屏幕阅读器上对其进行测试。 最佳答案 在大多数情况下,aria-label将被读出而不是链接的文本。这实际上是一个标准的测试场景,并且在pow

html - aria-label 是否会阻止辅助设备读取内部内容?

MDNdocs说你应该像这样使用aria-label:X我无法使用屏幕阅读器,但我在StackOverflow上看到评论表明aria-label不会替换内部内容,它仅前缀它。所以在上面的例子中它会读出“CloseX”,这显然是不理想的。这是真的吗?如果是这样,解决方案是什么?我猜想用[aria-hidden=true]元素包裹内部内容是有意义的,如下所示:X...但我很谨慎,因为我无法在真实的屏幕阅读器上对其进行测试。 最佳答案 在大多数情况下,aria-label将被读出而不是链接的文本。这实际上是一个标准的测试场景,并且在pow

html - 何时对输入元素使用 required 属性与 aria-required 属性?

我正在尝试使表单易于访问。我应该让我的输入同时具有required和aria-required属性,还是只有一个?Input还是这样?Input还是这样?Input文章AccessibleHTML5Forms–RequiredInputs声称最好同时实现两者。 最佳答案 当JohnFoliot在2012年写那篇文章时,它非常真实。你两者都需要。今天不再是这种情况。我可以举你的例子,把它写成inaCodePen,并在JAWS和NVDA中查看(抱歉,今天没有VoiceOver):Input您会很高兴知道NVDA和JAWS都按要求公布了该

html - 何时对输入元素使用 required 属性与 aria-required 属性?

我正在尝试使表单易于访问。我应该让我的输入同时具有required和aria-required属性,还是只有一个?Input还是这样?Input还是这样?Input文章AccessibleHTML5Forms–RequiredInputs声称最好同时实现两者。 最佳答案 当JohnFoliot在2012年写那篇文章时,它非常真实。你两者都需要。今天不再是这种情况。我可以举你的例子,把它写成inaCodePen,并在JAWS和NVDA中查看(抱歉,今天没有VoiceOver):Input您会很高兴知道NVDA和JAWS都按要求公布了该

html - 为什么 `ul` 具有 ARIA 角色 `menu` 但 `menuitem` 被禁止用于 `li` ?

刚刚涵盖了关于ARIAroles的一些策略规范.为什么ul具有ARIA角色menu但menuitem对li是禁止的?我想使用ul、li和HTML5的nav元素结合ARIA角色navigation来描述一个导航栏、菜单和菜单项。ARIArolebug?example.comW3'sHTML5validator在这里唠叨我:Badvaluemenuitemforattributeroleonelementli. 最佳答案 Jukka是incorrecthere.W3Cvalidator不检查WHATWGLS,而是检查W3CHTMLspe