wai-aria相关内容

您如何使 JAWS 等屏幕阅读器可以访问加载图标?

所以 HTML 代码是这样的: 即使提供了 ALT 文本,在更改样式以显示图标(可见性:可见)时,在加载图标出现的时间间隔内也不会读取. role=alert 不是一个可行的解决方案,因为这不是警报 解决方案 你需要在你的DIV属性中添加以下属性role="alertdialog" aria-busy="true" aria-live="assertive" ..
发布时间:2021-09-20 20:37:16 其他开发

可访问性:aria-haspopup 可以用来做什么?

我确信aria-haspopup 适用于子菜单(例如弹出式上下文菜单或子级菜单).它用在 jQuery UI Selectmenu 上,也用在这个 很好的例子. 我无法确定的是 aria-haspopup 是否适用于以下 2 个示例: 信息弹出框,例如引导程序 - 用于上下文信息,但不包含任何链接 弹出式浏览器窗口 - 例如与 target="_blank" 的链接 aria ..
发布时间:2021-09-20 20:37:10 前端开发

JAWS 的 aria-hidden true 读取

使用 jQuery 在 #div1 中添加角色警报,读取 #div2 内容,即使它对 JAWS 是隐藏的. 一些内容 div 的一些内容 2 解决方案 在 JAWS 13.0.718 更新(2012 年 2 月)中添加了对 aria-hidden 属性的支持.请参阅下面的完整更改日志: http://www.freed ..
发布时间:2021-09-20 20:37:07 其他开发

如何在 ngMaterial 中禁用 ngAria?

ngAria(一个辅助功能模块)向我的 Angular Material 项目添加了一个不必要的 bower 导入 - 现在它发出警告: 节点上缺少可访问性所需的属性"aria-label " 我只添加了 ngAria,因为它似乎是 ngMaterial 所必需的.我的应用不需要屏幕阅读器辅助功能. 无论如何,我怎样才能从 ngMaterial 中删除 ngAria?或者至少禁用 ..
发布时间:2021-09-20 20:37:05 其他开发

进度条当前步骤的正确属性是什么,aria-current=“true"或 aria-current=“step"?

网络上的各种教程以及本 SO 问题,所以我正在寻求一些帮助来澄清.对于如下所示的步骤进度指示器,哪种方式是当前正在进行的步骤的正确值,aria-current=“true",或 aria-current=“step"? 解决方案 W3.org 似乎表明 aria-current="step"将是正确的,除非视觉样式元素不是链接这一事实改变了这一点. 用于指示基于步骤的流程的步骤指示器 ..
发布时间:2021-09-20 20:35:11 其他开发

这些属性是什么:`aria-labelledby` 和 `aria-hidden`

使用 Bootstrap modal,我见过很多这些 aria 属性,但我不知道如何使用它们. 有谁知道在什么情况下使用这些属性?我用谷歌搜索——只是没有找到任何直接的答案. 解决方案 HTML5 ARIA 属性就是你要找的.即使没有引导程序,它也可以在您的代码中使用. Accessible Rich Internet Applications (ARIA) 定义了制作 Web ..
发布时间:2021-09-11 18:52:14 其他开发

Safari OSX 画外音不读取输入的咏叹调标签

我正在尝试让画外音在 safari 上工作,但是,似乎当我在元素之间切换时,它不会在特定情况下读出新输入框的 aria-label. 场景: 当跳转到下一个元素并且当前元素的模糊对 dom 做一些事情时,它不会读出下一个元素的 aria-label. 这是一个例子http://plnkr.co/edit/x0c67oIl0wlQEguBIQVZ?p=preview 请注意, ..
发布时间:2021-07-14 19:29:47 其他开发

同一产品的多个图像,可访问性要求

对于具有单个产品的多个图像(例如不同角度)的网页.每个图像都需要 alt 标签吗? 在亚马逊上查看示例,似乎它们在第一个产品图片上只有一个 alt 标签,但是之后没有 alt 标签或 aria 相关标签. 此处的第一个示例表示星星的空 alt 标签. 我的问题是,要遵循适当的标准,是否需要在第一张图片后添加一个空的 alt 标签?要使用 aria-hidden 完全隐藏多余的无用 ..
发布时间:2021-05-14 20:53:29 前端开发

在跨度上使用aria标签

我正在使用Unicode星号显示产品评分.iOS VoiceOver无法正确朗读,因此我认为我应该在跨度上使用 aria-label 来告诉屏幕阅读器这是什么意思. ★★★★☆4.0(123) 它不起作用.iOS VoiceOver完全忽略了我的 aria-label . 我做错了什么?我 ..
发布时间:2021-05-14 20:40:58 移动开发

表格外的字段/值对是否具有正确的ARIA属性?

我们需要布置大量数据.一个简单的表可以很好地工作,但是我们要使其完全具有响应性,因此对于简单的字段/值对,我们试图避免对表标记太过疯狂以使事情重排变得更容易. 过去,我会先定义一个列表: 标签值 但是...它们也有缺点...即该标记的语义值并不总是被屏幕阅读器等识别,因此经常被人们皱眉. 就语义和可访问性(以及HTML5 ..
发布时间:2021-05-14 20:37:39 前端开发

[h6 aria-level ="7"]是创建[h7]元素的可靠方法吗?

通常,HTML标题只能在变为无效之前升至 .据我所知,以下是在HTML中创建 元素的完全有效的方法: 这是标题级别7元素 我已经在Chrome,Firefox和Internet Explorer的NVDA中对此进行了测试,并且可以正常工作. 我实际上没有访问任何其他屏幕阅读器的权限.可以访问大量屏幕阅读器/浏览器组 ..
发布时间:2021-05-14 20:07:47 前端开发

如何将aria标签分配到侧边栏

我正在使用Siteimprove的chrome扩展程序浏览客户的网站,以测试其合规性.我在一个侧边栏区域的两个助手上收到“具有相同名称的地标"错误.在functions.php中的注册侧边栏代码中,我具有: 'before_widget'=>'', 这正在工作并分 ..
发布时间:2021-05-09 20:17:40 PHP

仅限CSS的可访问选项卡视图

我正在一个需要(a)没有JavaScript且(b)可以通过键盘访问的网站. 我使用了标签目标技巧来构建标签视图( https://css-tricks.com/functional-css-tabs-revisited/),但我注意到它依赖于被点击的标签.我不知道如何使它与键盘一起使用.这可能吗? .tabs {背景颜色:#eee;最低高度:400像素;}.tabs__list { ..
发布时间:2021-04-26 18:50:48 前端开发

辅助功能-提供在互动部分之间轻松导航的机制

我们有一个基于Web的应用程序,它为桌面用户提供了并行体验,其中屏幕的左侧是文件浏览器和编辑器,屏幕的右侧是交互式预览.我们应用程序的用户将在左侧进行恒定且迭代的更改,然后在右侧与预览进行交互,从而快速连续地来回切换多次. 是否有“最佳做法"?允许在这两个交互区域之间快速便捷地导航?我知道这可能属于“意见"类别,但我认为可访问性是一个被忽略的话题,它有助于拥有尽可能多的资源. 解决方案 ..

数据加载时的可访问性

我正在研究可访问性问题. 我有一个棘手的/加载器,它在加载数据时显示在屏幕上. 因此,当屏幕上出现细线时,屏幕阅读器会提醒我细线已加载. 现在,我希望当棘手的物体离开屏幕时,我希望屏幕阅读器提供诸如加载的数据之类的消息. 我尝试了与咏叹调相关的,咏叹 ..
发布时间:2020-11-24 02:43:11 前端开发