accessibility 相关问题

可访问性旨在使每个人都可以使用应用程序或网站,包括视力,听觉,走动或认知障碍等残疾人。

如果幻灯片具有使用 glide.js 的链接,Tab 键会中断滑块

我有一个用 Glide.js 构建的滑块,有 6 张幻灯片,全部带有链接。它需要为我们的键盘用户提供选项卡选项,但到目前为止它还不起作用。 如果用户用 Tab 键浏览页面,页面就会停止...

回答 1 投票 0

accessibilityTextHeadingLevel 应该做什么?

在我的 iOS 应用程序中,我使用 UILabels 作为标题;为了实现可访问性,我将其accessibilityTraits 设置为.header。我认为我可以通过将标题和子标题的层次结构设置为打开...

回答 2 投票 0

在 SVG 中尊重用户 CSS 覆盖等

我想在网页上放置一些简单的 SVG 图表,并且让 SVG 内容采用周围文本的背景和描边颜色——而不依赖于某种站点构建...

回答 1 投票 0

如何摆脱android辅助功能中的默认内容描述

我有一个带有自定义定义的 5*5 图像视图的网格视图。在我打开辅助功能并专注于图像视图后,我希望它读取该图像的名称而不是“第 1 行第 1 列”。 ...

回答 2 投票 0

如何使用Android的辅助功能自动单击并关闭Whats App弹出通知,然后返回主应用程序

这是我必须完成的大学项目的一部分。在这个项目应用程序中,我通过以下java代码使用android的辅助功能自动发送什么应用程序消息....

回答 1 投票 0

辅助功能最佳实践:将鼠标悬停在 <li> 上与将鼠标悬停在 <a>

我正在优化网站的可访问性。但是我注意到 LI 是悬停状态,而不是 A。这是否值得关注?一般来说,我非常熟悉可访问性,但发现是

回答 1 投票 0

Voice Over 在 iOS Safari 上无法读取 Aria 标签,但屏幕阅读器可以在 Chrome 上读取

我有一个播放图标,我想在它聚焦时宣布该图标。但有趣的是,屏幕阅读器会读取 aria 标签。然而,对于 iOS safari,使用滑动手势播放图标并不会...

回答 2 投票 0

如何获取 iframe 内容的 puppeteer 可访问性树

我正在使用 puppeteer.accessibility.snapshot() 来获取带有 iframe 的完整页面的辅助功能树快照。但是,我看不到 iframe 内的可访问元素。 辅助功能。

回答 1 投票 0

在表格内外使用标题元素时的标题顺序

根据 HTML5 规范,元素中不允许包含标题元素。然而,这在标题图中提供了一个奇怪的顺序,具体取决于表格周围的内容......

回答 1 投票 0

如何修复a11y交互式控件不得嵌套错误

我有以下标记: 活跃 展开 我有以下标记: <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 元素。 不过,应该提供有关您正在尝试构建的内容的更多信息。 我希望您觉得这有帮助。

回答 1 投票 0

如何在 SwiftUI 的辅助功能中访问 NavigationLink 的内部元素

我已启用自动化测试的可访问性。我已为所有元素添加了可访问性标签,但 NavigationLink 内元素的可访问性为 false。 var body: 一些视图 {

回答 1 投票 0

仅通过单击鼠标从列表框选项中删除焦点

我正在实现以下组合框:https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/ 正如您从上面链接中的示例代码中注意到的那样,当我单击 wi...

回答 1 投票 0

单击鼠标时从列表框选项中删除焦点

我正在实现以下组合框:https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/ 正如您从上面链接中的示例代码中注意到的那样,当我单击 wi...

回答 1 投票 0

检测页面级别的滑动(向左和向右)

我正在与辅助功能合作。当用户通过画外音访问电话时,他们使用向右滑动和向左滑动来到达该元素。我正在尝试检测页面级别的滑动,所以

回答 3 投票 0

从 Windows 上的嵌入式 64 位 LUA 5.4 调用文本转语音,无需中断主机应用程序

我正在为 Synthesizer V Studio(一种生成合成歌声的虚拟乐器)编写辅助脚本。我的目标是拥有一组嵌入式脚本,为用户提供信息......

回答 1 投票 0

有没有办法使用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 属性检索可折叠元素。 如果这个答案能解决您的问题,我很高兴。

回答 1 投票 0

Lighthouse 错误:“按钮没有可访问的名称”

如何修复此灯塔错误: 按钮没有可访问的名称

回答 2 投票 0

Google Play 由于辅助 API 政策而被拒绝:Flutter 应用程序中缺少显着的披露

我最近在 Google Play 商店更新了我的 Flutter 应用程序,添加了 Pin 实时比分功能。此功能将 AccessibilityService API 与 flutter_overlay_window 结合使用(

回答 1 投票 0

Javascriptlet 用于解析来自 Azure Maps API HTTP 请求的地理位置信息

我正在尝试使用 Tasker 构建一个按钮小部件,按下该小部件时,会以街道名称和号码的格式说出当前用户的位置(适用于视障人士)。 除此之外,我设立了一个...

回答 1 投票 0

使用虚拟子对象实现 AccessibilityNodeProvider,同时支持 TalkBack

我正在尝试为我的应用程序实现自定义视图。对于上下文,我本质上是尝试使用 C++ 制作一个简单的 UI 框架,其中所有 GUI 均由原始 Vulkan 呈现。但在这个特定的例子中,我

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.