可访问性旨在使每个人都可以使用应用程序或网站,包括视力,听觉,走动或认知障碍等残疾人。
Voice Over 在 iOS Safari 上无法读取 Aria 标签,但屏幕阅读器可以在 Chrome 上读取
我有一个播放图标,我想在它聚焦时宣布该图标。但有趣的是,屏幕阅读器会读取 aria 标签。然而,对于 iOS safari,使用滑动手势播放图标并不会...
如何获取 iframe 内容的 puppeteer 可访问性树
我正在使用 puppeteer.accessibility.snapshot() 来获取带有 iframe 的完整页面的辅助功能树快照。但是,我看不到 iframe 内的可访问元素。 辅助功能。
根据 HTML5 规范,元素中不允许包含标题元素。然而,这在标题图中提供了一个奇怪的顺序,具体取决于表格周围的内容......
我有以下标记: 活跃 展开 我有以下标记: <ul role="listbox"> <li role="option"> <span>Active</span> <button>Expand</button> </li> <li role="option"> <span>A list item only</span> </li> <li role="option"> <span>Additional List</span> <button>Expand</button> </li> </ul> li 元素有一个单击处理程序,可以触发操作。列表项中的按钮还会触发展开另一组面板的操作。 但是由于 role="option",我在按钮元素上收到 AX 错误“交互式控件不得嵌套”错误。 我们需要 ul 和 li 角色拥有适当的屏幕阅读器输出,以便需要保留。有点卡在正确的修复上,非常感谢任何想法!谢谢你。 删除 ul 和 li 中的角色解决了问题,但屏幕阅读器不再宣布跨度标签。 根据列表框模式的规范: 列表框角色向辅助技术传达的交互模型不支持与选项内的元素进行交互。由于列表框小部件的这些特征,它不提供一种可访问的方式来呈现交互式元素列表,例如链接、按钮或复选框。 这就是您收到该错误的原因。如果您需要在 options 中包含交互式元素,请考虑使用 网格图案: 要呈现交互元素列表,请参阅网格图案。 但是,如果您的目的是创建导航链接列表,则可以仅使用 nav 元素。 不过,应该提供有关您正在尝试构建的内容的更多信息。 我希望您觉得这有帮助。
如何在 SwiftUI 的辅助功能中访问 NavigationLink 的内部元素
我已启用自动化测试的可访问性。我已为所有元素添加了可访问性标签,但 NavigationLink 内元素的可访问性为 false。 var body: 一些视图 {
我正在实现以下组合框:https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/ 正如您从上面链接中的示例代码中注意到的那样,当我单击 wi...
我正在实现以下组合框:https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/ 正如您从上面链接中的示例代码中注意到的那样,当我单击 wi...
我正在与辅助功能合作。当用户通过画外音访问电话时,他们使用向右滑动和向左滑动来到达该元素。我正在尝试检测页面级别的滑动,所以
从 Windows 上的嵌入式 64 位 LUA 5.4 调用文本转语音,无需中断主机应用程序
我正在为 Synthesizer V Studio(一种生成合成歌声的虚拟乐器)编写辅助脚本。我的目标是拥有一组嵌入式脚本,为用户提供信息......
有没有办法使用React测试库从aria-controls属性中获取元素
假设 React 组件返回以下 JSX,它代表一个简单的 Collapsible: <> 假设 React 组件返回以下 JSX,它代表一个简单的 Collapsible: <> <button onClick={onClickHandler} aria-controls="collapsible" aria-expanded={expanded} aria-label="collapsible" /> <div id="collapsible" aria-hidden={!expanded} /> </div> </> 根据哈佛:技术:可扩展部分和包含组件:可折叠部分 所提供的示例应该可供屏幕阅读器访问;真正的用户可以轻松地与组件交互。 我无法使用 React 测试库 的可访问角色来查询折叠内容。然而,内容是可访问的,因为按钮是可访问的并且它控制 div,从 aria-controls 属性感知。 是否有一种方法可以使用React测试库从aria-controls属性中获取元素,我还没有遇到过?类似于screen.getByRole('button').aria-controls? 这里有一些使用 React 测试库来根据 aria-controls 属性获取元素的示例代码: import { render } from '@testing-library/react'; test('should get the element based on aria-controls attribute', () => { // Render your component const { getByRole, getByTestId } = render(<YourComponent />); // Get the button element const button = getByRole('button'); // Get the value of the aria-controls attribute const ariaControls = button.getAttribute('aria-controls'); // Use the value of aria-controls to get the collapsible element const collapsible = getByTestId(ariaControls); // Assert that the element is found expect(collapsible).toBeInTheDocument(); }); 在此示例中,getByTestId用于根据aria-controls属性的值获取可折叠元素。 JSX 代码中的可折叠元素添加了 data-testid 属性: <div id="collapsible" aria-hidden={!expanded} data-testid="collapsible" /> 通过使用 getByTestId 并传递 ariaControls 的值作为参数,您可以根据 aria-controls 属性检索可折叠元素。 如果这个答案能解决您的问题,我很高兴。
Google Play 由于辅助 API 政策而被拒绝:Flutter 应用程序中缺少显着的披露
我最近在 Google Play 商店更新了我的 Flutter 应用程序,添加了 Pin 实时比分功能。此功能将 AccessibilityService API 与 flutter_overlay_window 结合使用(
Javascriptlet 用于解析来自 Azure Maps API HTTP 请求的地理位置信息
我正在尝试使用 Tasker 构建一个按钮小部件,按下该小部件时,会以街道名称和号码的格式说出当前用户的位置(适用于视障人士)。 除此之外,我设立了一个...
使用虚拟子对象实现 AccessibilityNodeProvider,同时支持 TalkBack
我正在尝试为我的应用程序实现自定义视图。对于上下文,我本质上是尝试使用 C++ 制作一个简单的 UI 框架,其中所有 GUI 均由原始 Vulkan 呈现。但在这个特定的例子中,我
axe devtools 突出显示手风琴上的 aria 扩展错误
我正在 chrome 浏览器上运行 Ax DevTools,以便在 div 上进行可访问性,它基本上是使用数据切换的手风琴。 DevTools 突出显示了手风琴标题和面板内容的问题......
我想从 HTML 生成 PDF,其中嵌入了可访问性标签。换句话说,我想将 HTML 转换为 PDF,以便 JAWS 友好。
带有溢出自动功能的 Div 在 Chrome 中无法以选项卡为焦点
我有两个带有最大高度和溢出自动的div。一个 div 不会溢出,而另一个则溢出。可滚动 div 可以使用键盘滚动,但 Firefox 和
我正在编写一个包装 HTML 复选框元素的组件,以轻松管理标签并使其可访问。我刚刚了解了 JavaScript 符号,想知道是否有...
当您希望列表中的第一项位于顶部时,如何请求将其聚焦(Jetpack compose)?
通过按 2 个按钮之一,我可以在列表的开头添加文本“Apple”或“Orange”,其中该列表将显示在顶部的列中。 每个新文本都会出现在...
如何检查我发送的消息是否已发送给特定用户并显示在我的 Android 应用程序中?
我想获取我使用 Android 活动从 WhatsApp 发送的消息的发送和阅读状态。是否有可能做到这一点?如果是的话,我们将非常感谢您的指导。 谢谢...