程序员经验分享-hwhale

如何使 JAWS 等屏幕阅读器可以访问“正在加载”图标？

2024-03-30

所以 HTML 代码是这样的：

<div style="visibility: hidden; display: none; right: 0px;"> 
<img id="processing" src="PT_LOADING.gif" alt="Processing... please wait" title=""> </div>

即使提供了 ALT 文本，在更改样式以显示图标（可见性：可见）时，在加载图标出现的时间间隔内也不会读取该文本。

role=alert 不是一个可行的解决方案，因为这不是一个警报


您需要将以下属性添加到您的 DIV 属性中 角色=“alertdialog” aria-busy=“true” aria-live=“断言”

<div style="visibility: hidden; display: none; right: 0px;" role="alertdialog" aria-busy="true" aria-live="assertive"> 
<img id="processing" src="PT_LOADING.gif" alt="Processing... please wait" title="" />
</div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

waiaria

jawsscreenreader

如何使 JAWS 等屏幕阅读器可以访问“正在加载”图标？ 的相关文章

  • Angular Material 垫标签可访问性

    我有一个带有文本输入控件的 mat form field 我有一个 mat label 并且还放置了一个 aria label 属性attr aria label直接在输入元素上 Is the mat label屏幕阅读器本身就足够了吗 是

  • 显示模式时出现“aria-hidden elements do not contains focusable elements”问题

    我在用着反应模态在我的应用程序中 当它打开时运行斧头辅助工具给出以下错误 aria 隐藏元素不包含可聚焦元素 这是因为 React 模态添加了一个aria hidden true 到应用程序的根元素 我的所有应用程序组件都在 div 下呈现

  • 如何让屏幕阅读器读取div中的不同文本

    我有一个这样的div div class whatever 17 03 div 当有人使用屏幕阅读器将鼠标悬停在该文本上时 我希望它显示 17 分 3 秒 这样做的标准做法是什么 您可以包含一些仅供屏幕阅读器使用的附加文本 div clas

  • 什么是可标记元素？

    我已经阅读无障碍 http www w3 org TR aria in html fifth rule of aria use我偶然发现了一个我找不到准确信息的概念 HTML 可标记元素 我知道可标记元素背后的概念是可以由

  • 如何将 aria 标签分配给侧边栏

    我正在使用 Siteimprove 的 chrome 扩展浏览客户的网站来测试合规性 我在一个侧边栏区域的两侧收到 具有相同名称的地标 错误 在functions php的注册侧边栏代码中 我有 before widget gt

  • “aria-haspopup”属性主要用于工具栏菜单吗？

    我见过aria haspopup在应用程序的工具栏菜单上使用的属性 例如所见即所得编辑器 http oaa accessibility org example 25 不过 我还没有看到它被用在任何 ARIA 演示网站的主导航上 这个属性主要

  • 什么是 HTML5 ARIA？

    什么是 HTML5 ARIA 我不明白如何实施它 WAI ARIA http www w3 org TR wai aria 是定义对可访问 Web 应用程序的支持的规范 它定义了一堆标记扩展 主要是 HTML5 元素上的属性 Web 应用程

  • ARIA role="menuitem" 表示 或

    • 我找到了两种可能的解决方案 应用 role menuitem 为 li 标签 li li a some menuitem a li 应用 role menuitem 为 a tags li a some menuitem a li 我认为第

  • 如何为 WAI-ARIA 的加载动画添加标签？

    我正在努力解决网页上的一些可访问性问题 我有一个充当对话框的 div 并且在某个时刻显示一个包含加载动画和文本 工作 的 div 我不确定如何标记这两个项目 以便正确通知盲人用户有进度动画并且它正在工作 他应该等待 div style di

  • 是否应该始终将 role="contentinfo" 添加到页脚元素上？

    在 ARIA 演示网站上 role contentinfo 通常添加在footer元素 然而 现代网页设计中的页脚 http www smashingmagazine com 2008 04 08 footers in modern web

  • b-spinner 的 VUE-js 可访问性——使用 Aria 进行数据加载的音频公告，每 3 秒重复一次

    当微调器直观地显示数据正在加载时 我试图添加 数据加载 音频公告的可访问性 显然 我正在寻找一种声音公告 最好是一种无需单击任何内容即可自动播放的公告 我的目标是自动听到公告并在加载时每 3 秒重复一次 下面的代码会自动生成一个工作公告 然

  • 用于多个可见 HTML 元素的 Aria 两种方式标签

    我有一组可以相互影响的元素 div class cont a href Click Me a span Count span class count span span span Count span class count span sp

  • HTML 验证：为什么将交互元素放入交互元素内无效？

    免责声明 我知道它不是有效的 HTML 我想了解为什么不允许 W3C 建议像这样的交互元素button or a不得包含其他交互元素 我可以找到很多提到此规则和一些解决方法的资源 还有一些与此规则如何影响可访问性和屏幕阅读器相关的资源 但几

  • 有没有办法阻止 HTML access key="" 被激活？

    I tried preventDefault 但我还没有成功 我缺少什么吗 如果可能的话 我会尝试全局禁用它 例如在window 似乎没有办法阻止事件触发 唯一的选择似乎是在您不希望它们工作时暂时删除 accesskey 属性 就是这样jQ

  • CSS 不透明度如何影响可访问性？

    在浏览了一些谷歌和其他 SO 文章后 我决定简单地提出我的问题 希望得到一个简单 直接的答案 为讨论添加进一步的步骤opacity 0 与visibility hidden 的效果完全相同吗 https stackoverflow com

  • 如何使 JAWS 等屏幕阅读器可以访问“正在加载”图标？

    所以 HTML 代码是这样的 div style display none img src PT LOADING gif alt Processing please wait title div 即使提供了 ALT 文本 在更改样式以显示图

  • 避免按钮内出现屏幕阅读器文本

    我想在 Jaws 读取时忽略按钮内的文本 我的代码是 span style display none Hai span

  • 当模态覆盖覆盖背景项目时，防止背景项目接收焦点？

    我正在努力使叠加模式更易于访问 它的工作原理本质上就像这个 JSFiddle https jsfiddle net 0dzcs30n 8 当您打开模式时 焦点无法正确进入模式 并且它继续关注页面中的其他 隐藏 背景 项目 你可以在我的 JS

  • “此时元素 li 上不允许使用属性 aria-expanded”

    我有以下代码 从这里 https www w3 org WAI tutorials menus examples appmenu div ul li File ul li New li ul li ul div

  • aria-live 和 JAWS

    我正在尝试让 aria live 区域与 JAWS 11 和 IE8 一起正常工作 使用下面的代码 我可以让 JAWS 在单击按钮时宣布新值 但行为不是我所期望的 本例的 JSFiddle http jsfiddle net fLzhR

随机推荐

  • 如何使用 Codeigniter 将 JQuery datepicker 中的值插入到 MySQL 日期数据类型？

    我无法使用日期数据类型将 JQuery Datepicker 中的值插入到 MySQL 数据库中 我如何将字符串转换为日期数据类型 我正在使用 Codeigniter 和 MVC 这是我的代码 javascript

  • Spring Integration 使用 randomUUID 丰富标头

    我是 Spring Integration 的新手 使用 Java 7 在转向 Spring 集成 DSL 之前我有这个 xml 配置 并且我的应用程序正在努力使用从随机 UUID 生成的监视 ID 来丰富标头 这是为了将请求与稍后在日志中

  • 如何在 angular2 中导航到新选项卡

    是否有一个参数可以提供给路由器以便路由器 navigate 将在浏览器中的新选项卡 窗口中打开 按照指示创建路线here https angular io docs ts latest guide router html 设置您的app r

  • Google 地图 React Wrapper - 标记集群创建 @googlemaps/react-wrapper

    我正在使用 Google ReactJS 库将地图添加到我的 React Web 应用程序中 并使用 googlemaps react wrapper 库来集群标记 但我无法在包装器上进行标记聚类 如果有人有任何想法 请帮助解决问题 组件代

  • .htaccess - 301 重定向所有不带扩展名的文件以具有 .html 扩展名

    我需要将请求重定向到没有扩展名的文件 并附加 html 扩展名 http www mydomain com this to http www mydomain com this html 以下内容不会被重定向 http www mydoma

  • 在 KeyChainItemWrapper 中保存密码时崩溃

    Apple 在他们的中提供了 KeyChainItemWrapper 类GenericKeyChain 示例代码 http developer apple com library ios samplecode GenericKeychain

  • C# 3.5 DLR 表达式.动态问题

    我继承了一种小型脚本语言 并尝试将其移植到 DLR 以便更容易管理 到目前为止 一切都相当简单 我在尝试动态调用变量的成员时遇到了问题 当前的语言在 NET 上运行 并使用解析循环和反射来执行此操作 但我希望摆脱这种情况 这是脚本语言的示例

  • 在PE的导入表中添加一个条目

    我正在寻找一个命令行程序来向 PE 文件的导入表添加条目 我的目标是将一个新的导入函数从外部 DLL 添加到我的 EXE 然后使用 ollydbg 使用代码洞穴插入新代码 新代码将使用新导入的函数 实际上我已经实现了我的目标 但是要向我使用

  • 使用 LINQWhere 查询仅获取部分 ConfigurationManager.ConnectionStrings

    我的目标是使用 LINQWhere查询于ConfigurationManager ConnectionStrings控制台应用程序中的集合 假设一个新的 NET 4 5 控制台应用程序添加了 System Configuration 引用

  • 一个构造函数 - 多个参数

    我在一些 Java 编程竞赛中找到了一个任务 必须创建仅包含一个参数 文本 和一个构造函数的类 Sentence 这是示例测试代码 Sentence s1 new Sentence only CAT s2 new Sentence and

  • 用户“”登录失败

    我有一个 ASP Net MVC 网站 在本地测试时工作正常 我已将该网站放入您的 Windows Server 2008 计算机上的 IIS 7 中 该网站使用 net 会员提供商 当我尝试登录时收到以下错误 Login failed f

  • 使用python限制类实例的数量

    我的主类创建了一个简单的QmainWindows像这样 class mcManageUiC QtGui QMainWindow def init self super mcManageUiC self init self initUI de

  • 使用 perl 格式化字符串和日期

    我想转换 使用perl 05 26 2013 06 09 47 to 26 05 2013 06 09 47 另外我怎样才能将上面的日期和时间更改为 GMT 日期和时间 use DateTime Format Strptime qw my

  • 用户查找加密数据库字段

    本质上 我有一个保存用户数据的表 所有这些数据都是 AES 加密的 在 BLOB 字段中 这意味着这些字段都不能被索引 这将减慢该表上的任何查询 特别是因为在进行任何匹配之前整个表需要解密 WHERE AES DECRYPT user em

  • 从树视图 tkinter 复制项目

    我的一个 tkinter 应用程序中有一个树视图 我想知道是否真的可以通过用户右键单击来复制选定的字段 如果没有 是否有任何其他小部件允许用户复制 GUI 窗口中显示的选定字段 Code log Toplevel root log titl

  • javascript向函数添加属性

    假设我们有一个函数 function Rabbit console log shiv 现在 无需创建该函数的对象 我就可以分配该对象的属性 Rabbit bark function line console log name is line

  • 使用 Iso_Fortran_Env 设置函数的 Kind 值

    如何使用 ISO Fortran Env 的内在函数以 Fortran 2008 惯用的方式设置函数的返回 KIND 值 通常在主程序中 我可以使用 ISO Fortran 内在函数 如下所示 program name here use i

  • jQuery 事件适用于 Firefox，不适用于 Chrome

    我在代码中注册了一些点击事件 它们在 Firefox Windows 和 Mac 中正常运行 但在 Chrome 中无法执行 尝试过 Windows 和 Mac beta JavaScript 的目的是根据 select 元素的值显示正确的

  • 检查一个 Int 值是否大于或等于另一个 Int 值？价值？ [复制]

    这个问题在这里已经有答案了 如何比较两个 Int 值 所以 我有这个 let limit Int let current Int Int self stringValue 但是当我尝试比较它们 大于或等于 时 if current gt s

  • 如何使 JAWS 等屏幕阅读器可以访问“正在加载”图标？

    所以 HTML 代码是这样的 div style display none img src PT LOADING gif alt Processing please wait title div 即使提供了 ALT 文本 在更改样式以显示图

热门标签