草庐IT

aria-live

全部标签

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

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

html - 有没有理由不使用 ARIA 状态和 Angular 色作为 CSS 中的选择器?

我目前正致力于使用ARIA标签制作一个可访问的网站。我突然想到,aria-invalid之类的属性将是我的CSS目标的良好选择器,而不是使用.error类。这样做的好处是更精简、更有意义的HTML,这对我来说更容易从CSS(和JS)Hook。也就是说,我还没有在其他地方看到过这样做,所以我怀疑利用可访问性标签进行样式设计有缺点。我怀疑使用不受约束的属性选择器会降低CSS的性能,但还有其他我没有考虑到的缺点吗? 最佳答案 属性选择器是管理大型CSS样式的一种非常灵活的方式,因为属性选择器总是有一个specificityof0-0-1-