草庐IT

WAI-ARIA

全部标签

html - HTML 表格中隐藏的 aria 标签(用于屏幕阅读器的可访问性)

在我的网页中,我需要创建一个表,该表的标题行根据某些用户配置可见或隐藏。此表还需要完全可访问(具体而言,由于表可能很长,我希望读取行/列标题的快捷方式可以工作)。我只有ChromeVox可以测试(我将详细介绍我发现的博客文章中其他读者的行为)。我当前的布局与此类似:CSS:.table-header-show{}.table-header-hide{display:none;}HTML:NameValue1Value2JohnDoeValue1aValue2aheader可见时,完全没有问题。标题隐藏时,是否读出这些标签取决于屏幕阅读器:我希望在使用屏幕阅读器进行常规导航时跳过标题行*

javascript - 轮播的 WAI-ARIA Angular 色(又名 slider 、幻灯片、画廊)

什么WAI-ARIAroles应该用于轮播,如下图所示?注意事项:我熟悉sliderAngular色,但这是指不同类型的小部件。例子来自USA.gov我在使用中看到的唯一与轮播相关的ariaAngular色是单个幻灯片上的aria-live。 最佳答案 如您所说,role=slider不适合轮播。您应该使用的是role=listbox引用自MDN(见下面的链接):Thelistboxroleisusedtoidentifyanelementthatcreatesalistfromwhichausermayselectoneormor

html - 面包屑导航的正确 ARIA 处理

可以做些什么来提高面包屑菜单的可访问性,类似于:HomeNews@Model.Title在此示例中,Home是站点根目录,News是第一个子项,不可用类是/news/article项的当前项。是否可以通过使用rel属性或aria-level属性来改善这一点? 最佳答案 我会避免使用aria-level并使用元素代替。最好避免在存在native替代项的情况下使用aria属性。使用aria增加了一层额外的复杂性。简单的HTML要好得多,并且已经具有呈现给AT的语义。这是firstruleofARIA.借自WAI-ARIA-Practic

javascript - 获取 aria 扩展值

我没有找到从DOM获取aria-expanded值的方法。test我想测试它是不是true然后我可以改变类别为fa-search-minus.我试过了,但我总是得到一个未定义的值:console.log($(this).find('a.aria-expanded').val()); 最佳答案 aria-expanded是元素的属性,不是类,所以选择器不正确。其次,您应该使用attr()函数来获取该属性的值。val()旨在从表单相关元素(例如input和textarea)中检索value属性。试试这个:console.log($(th

html - 如何将动态数据绑定(bind)到 aria-label?

我有动态文本绑定(bind)到HTML页面上的aria-label。这是一个Angular2应用程序。我正在使用这样的东西:aria-label="Productdetailsfor{{productDetails?.ProductName}}"但是我得到一个错误:Can'tbindto'aria-label'sinceitisn'taknownpropertyof'div'.有解决办法吗? 最佳答案 只需在aria-label之前使用attr.:attr.aria-label="{{productDetails?.ProductN

javascript - 如何使用 WAI-ARIA 通知屏幕阅读器 div 现在可见

如何使用WAI-ARIA通知屏幕阅读器div现在可见?如果我们得到htmlPresentmaincontentHiddencontent然后我们$('#foo').hide();$('#bar').show();我们如何通知屏幕阅读器他们应该通知用户现在可见的div(或者可能自动聚焦到现在可见的div)? 最佳答案 您通常不需要告诉屏幕阅读器内容现在可见。使用aria-hidden在实践中没有任何区别,所以我建议不要使用它。如果您希望屏幕阅读器读出隐藏的div的文本内容,您可以使用role=alert或aria-live=polit

html - 何时对 HTML 元素使用 disabled 属性与 aria-disabled 属性?

我正在尝试使表单易于访问。我应该让我的输入同时具有disabled和aria-disabled属性,还是只有一个?Input还是这样?Input还是这样?Input 最佳答案 我可以举你的例子,把它写成inaCodePen,并在JAWS和NVDA中查看(抱歉,今天没有VoiceOver):Input您会很高兴知道NVDA和JAWS都跳过了该字段(或者如果明确聚焦,则宣布该字段已禁用)。简而言之,您不再需要aria-disabled。只需使用disabled。您可以在SteveFaulkner(ARIA规范的编辑之一)于2015年撰写

linux - 如何使用 aria2 保持目录结构?

我需要同时下载文件——wget不支持,所以我想试试aria2。但是我在aria2中看不到保留目录结构的选项。 最佳答案 先确定目录结构,然后构建并使用下载描述文件:aria2c-iuri.txturi.txt可能包含http://serverA/file1.isohttp://mirror-serverB/file1.iso#parametersmustbeginwithaspace,otherwiseit'streatenedasurl!dir=/downloads/a#notmandatoryout=file1.isohttp:

mysql - 如何修复错误 : MySQL shutdown unexpectedly on Xampp due to Plugin 'Aria'

这些是日志:[错误]mysqld.exe:Aria恢复失败。请在所有Aria表上运行aria_chk-r并删除所有aria_log.########文件[错误]插件“Aria”初始化函数返回错误。[错误]插件“Aria”注册为存储引擎失败。 最佳答案 解决方案是删除aria_log_control文件允许MariaDB重新启动。您可以在\xampp\mysql\data中找到此文件。然后重启或启动xammp。 关于mysql-如何修复错误:MySQLshutdownunexpectedl

html - 有人可以解释 HTML5 aria-* 属性吗?

我想知道aria-*属性的用途。他们可以拥有什么值(value)观,它们是定义的值(value)观还是我可以创建自己的值(value)观? 最佳答案 ARIA代表AccessibleRichInternetApplications并且旨在提高富互联网应用程序的可访问性,即使它们对残障人士更有用。提供各种属性的帮助here.我认为您不能创建自己的ARIA属性。 关于html-有人可以解释HTML5aria-*属性吗?,我们在StackOverflow上找到一个类似的问题: