accessibility相关内容

如何更改浏览器中的`首选简化动作‘设置?

有关如何在CSS中使用prefers-reduced-motion媒体查询的文档很多。 这很好,但是现在我在CSS中使用prefers-reduced-motion,我希望能够测试启用此设置的用户使用我的站点是什么样子。但是,我找不到有关如何执行此操作的任何信息,并且在浏览器设置中查找此设置时遇到困难。 可能这根本不是浏览器设置。也许这是在操作系统级别设置的内容。🤔 mdn ..
发布时间:2022-03-01 10:46:43 其他开发

如何隐藏文本并使其可由屏幕阅读器访问?

我有一个简单的文本,它会在某个操作上得到更新,我希望屏幕阅读器会宣布它.但我不希望该文本在网页上可见.我尝试了 display: none 和 visibility: hidden,但似乎屏幕阅读器软件无法访问它们.我找到了一种方法来完成这项工作 - 即通过将元素绝对定位到负 999999 值,这将使其脱离屏幕并隐藏在网页之外.我不是这个解决方案的粉丝.有没有更优雅的方法来实现这一点? ..
发布时间:2022-01-30 14:06:42 前端开发

如何使 UITableView 与大标题 VoiceOver 兼容?

我的应用程序有一个表格视图,其中有一个大的空白 tableHeaderView 允许将可见单元格完全滚动到窗口之外(到底部).所以 {0,0} 的 contentOffset 意味着内容被滚动出窗口.初始 contentOffset 为 {0,{height of tableView}}. 这一切都很好,但我在为其启用可访问性时遇到了一个难题. 用户逐步浏览元素,从导航栏及其栏按钮开始 ..
发布时间:2022-01-23 11:21:41 移动开发

使用正则表达式查找没有 alt 属性的 img 标签

我正在浏览一个大型网站(1600 多页)以使其通过优先级 1 W3C WAI.因此,图像标签之类的东西需要具有 alt 属性. 查找没有 alt 属性的 img 标签的正则表达式是什么?如果可能的话,加上一点解释,这样我就可以找到其他问题了. 我在使用 Visual Web Developer 2008 的办公室.编辑 >> 查找对话框可以使用正则表达式. 解决方案 这真的很棘 ..
发布时间:2022-01-20 17:22:18 其他开发

公告结束时切换 aria-live?

我目前正在开发一个交互式 pdf 阅读器项目,以使其更易于访问.我制作了一个在屏幕上不可见的 元素,并为其赋予了 aria-live 属性.每当我想宣布某事时,比如打开一个抽屉,我都会设置那个 元素的文本.但是,如果用户希望整个页面都是公告,Voice Over 的键是 VO + a,那么 元素也会被读取,但是我想防止这种情况发生. 有人可以建议这是否是宣布更改的正确 ..
发布时间:2022-01-19 13:09:42 前端开发

内联 SVG <标题><描述>可访问性的正确用法

我在我的 html 中使用了很多内联 svg,但对于在可访问性方面呈现它们的最佳方式有点困惑. 我看到了两种将 和 添加到 svgs 的方法 - 第一种方法似乎是最好的,因为我不必为每个标题和描述提供唯一的 ID(我每页有多个 svg)?是这样吗?选择“aria-label"或“aria-labelledby"时还有什么需要考虑的吗? 另外,我对这个 ..
发布时间:2022-01-18 21:11:15 前端开发

本地化字符串时使用strong/em标签的正确方法是什么?

我知道有些语言对单词的强调与英语不同,例如通过改变词尾而不是通过声音的变化来强调单词. 如果您正在本地化一个网站,您是否相信 和 标签(以及它们的位置)在其他网站中具有相同的含义语言——你会保持这种强调,与你的翻译核实还是不考虑? 我想知道的是,这如何将(请原谅双关语)翻译成网络的语义?— Strong 和 em 标签带有在 SEO、屏幕阅读器等中使用的语义 ..

如何在打开时仅在模式弹出窗口内限制 Tab 键按下?

我打开了一个模式弹出窗口.我有可访问性要求.所以添加了 ARIA 相关的标签.但是当我点击 tab 键时,持续关注到实际页面后面的页面. 在 html 文件中添加了 role="dialog" 但是当模式打开时,我只希望焦点在模式弹出窗口中导航. 从事 Angular4, HTML5 项目.如果我们在 HTML 文件中找到解决方案会更好.我的意思是没有添加任何 javascrip ..
发布时间:2022-01-17 11:06:13 前端开发

“aria-hidden 元素不包含可聚焦元素"显示模态时的问题

我在我的应用程序中使用 React Modal 并且当它打开时运行 aXe 辅助工具 给出以下错误: aria-hidden 元素不包含可聚焦元素 这是因为 React modal 向应用程序的根元素添加了一个 aria-hidden=“true"(我的所有应用程序组件都在 div 下呈现,但不是 modal),但它不会更新选项卡索引或禁用每个可聚焦元素. 但是,React 模态 ..

Android 上的可访问性测试自动化

我最近开始研究在 Android 上自动进行无障碍测试.网上没有太多信息.有没有人探索过这个或目前正在这样做?如果是这样,你能分享你的想法/方法吗? 似乎 Android 的 uiautomator 依赖于辅助功能的工作,但它不支持测试辅助功能.如果它依赖于 Accessibility 特性,那是否意味着是否存在可访问标签等基本验证可以通过使用 uiautomator 执行 UI 测试来完成 ..

GWT div aria-hidden 不隐藏在 IE 中

我使用 GWT 编写了我的登录页面.在 IE 中,我在它的末尾得到了这个空带(我将它涂成绿色以便您可以看到它): 这只发生在 IE 中(我正在用 IE9 进行测试).不在 Chrome 中,不在 Firefox 中,不在 Safari 中. 查看DOM,负责这个区域的就是下面这个div: 出于某种原因,“display:none;"内联规则不起作用.如果我取消选中它并再次检查它, ..
发布时间:2021-12-28 22:24:17 前端开发

是否有必要拥有<th>在任何表?

是否有必要在任何表中都有?即使表格没有标题? table 有 3 个其他标签 是否有必要全部使用,即使我没有表页脚.Firefox 默认在代码中添加所有这些. 是否有必要, 总是应该在 如果我在从客户端收到的内容中有一个标题,并且标题来自表格之外但与表格相关,那么我应该如何将该标题放置在表格中 如上表 表格标题 ...... 作为表格的标 ..
发布时间:2021-11-26 19:31:09 前端开发

为什么基于表格的网站对屏幕阅读器用户不利?

屏幕阅读器处理基于 的网站比处理基于 的旧网站容易多少,为什么它们更糟? 解决方案 屏幕阅读器假定 table 中的内容是表格形式,并按原样读取.例如.“第 1 行,第 1 列:(内容)".如果您使用表格来布置您的网站,这不一定有任何意义.您是在告诉最终客户您拥有具有表格意义的数据,而实际上您没有. 相比之下,div 除了“部分"之外没有其他含义,因此屏幕阅读器不会尝试表示它们. ..
发布时间:2021-11-26 19:31:02 前端开发