accessibility 相关问题

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

如何在 Microsoft Word 中使屏幕阅读器可以访问浮动图像?

我的组织现在制定了一项政策,要求所有文档均可访问,并提供一长串如何做到这一点的指南。大部分要求都可以。替代文本只是一小部分工作;无衬线字体...

回答 2 投票 0

如何强制单色(黑色背景上的白色文本)?

我是一个眼睛不好而且是色盲的老人。 50 多年来,我使用多种语言进行编程,现在才开始在 Windows 11 上使用 Python。 P 中使用的许多颜色...

回答 1 投票 0

如何合并行的后代文本和 TalkBack 按钮的内容?

我声明了一个包含文本和按钮的行,如下所示: 排( 修饰符 = Modifier.semantics(mergeDescendants = true) {} ){ Text("完成日期") 按钮(onClick =...

回答 1 投票 0

Flutter中如何全局定义textScaler?

我正在努力使我的应用程序对于为其设备启用大文本辅助功能的用户来说是可读的。我知道文本小部件有一个参数“textScaler”(以前称为textScaleFactor),h...

回答 1 投票 0

日期输入的 HTML Popover 属性可访问性问题(不稳定的选项卡)

我正忙着研究 HTML popover 属性,作为一种无需 Javascript 实现 popover 的方法,但当 popover 目标包含日期输入时,它似乎存在可访问性问题。 当...

回答 1 投票 0

如何让 VoiceOver “不”与图像元素交互?

似乎没有太多文件来解释我的问题,甚至没有提及。 希望任何人都可以帮助我解决这个问题。 比方说,网站上有一个简单的图像 似乎没有太多文件解释我的问题,甚至没有提及。 希望任何人都可以帮助我。 假设网站上有一个简单的图像 <img src="..." alt="some meaningful text"> Google 扩展中的屏幕阅读器在阅读显示“一些有意义的文本”的图像时效果很好。 但是,VoiceOver 将其读取为“一些有意义的文本、图像”,“您当前位于图像上...要开始与该图像的内容进行交互,请按 Control-Option-Shift-向下箭头。要存在.. .”。 这是不正确的。 我不希望VoiceOver让用户与图像进行交互,这是无法做到的,但不知道如何实现。 您所解释的是实际的屏幕阅读器行为。当图像具有 alt 值时,屏幕阅读器将读取它。如果您希望屏幕阅读器无法访问图像,您可以选择: 删除替代文本中的值。 添加属性角色及值呈现。 注意:如果您需要 alt 值,请选择第二个选项。

回答 1 投票 0

如何使我的视图无法通过 VoiceOver 访问,但可以通过 UIAutomation 访问

在Swift中,我们可以使用accessibilityElements来设置UIview的辅助功能元素,使用automationElements来设置自动化元素,其辅助功能标识符可以在您的UIT中使用......

回答 1 投票 0

辅助功能排序优先级不适用于 Swiftui 中的 TextField

我正在尝试在 SwiftUI 屏幕中实现特定的画外音序列。 下面是我尝试过的代码: @State private var inputValue: String = "输入数据值" var body:一些视图...

回答 1 投票 0

通过 aria-labelledby 引用带有标签的输入

如果我有一个输入,其 aria-label 设置为 1,关联标签设置为 2,那么引用该输入的元素的 aria 标签将被计算为什么? 如果我有一个输入,其 aria-label 设置为 1 并且关联的标签设置为 2,那么引用输入的元素的 aria 标签将被计算为什么? <input type="radio" id="cpp-search-video-btn" aria-label="1" role="tab"> <label for="cpp-search-video-btn" aria-hidden="true">2</label> <div id="cpp-search-video-tab" aria-labelledby="cpp-search-video-btn" role="tabpanel">…</div> div#cpp-search-video-tab 的咏叹调标签是什么:1、2,或者可能是未设置? (我希望它是“1”)。 据我所知,MDN 上没有关于替换的信息。 好吧,如果我猜对了,DevTools 中的“辅助功能”窗格在“计算属性”→“名称”部分中显示了 aria 标签,那么答案就是“1”。

回答 1 投票 0

aria-label 对于 tablist 角色有用吗?

如果我们看一下 Bootstrap 选项卡示例: 如果我们看一下 Bootstrap tab 示例: <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA3dLNH46c0X0pANo8jQd+2uAGeZHuFr8iI1wCdh0Pej1krpDTRj9PI4y3eC9S" crossorigin="anonymous"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">Home</button> </li> … </ul> …我们看到,Bootstrap 作者没有为选项卡指定 aria-label (<ul>)。可以吗?也许,描述一下表格列表会更好? 根据 WAI ARIA 创作实践指南 的提供可访问的名称和描述页面,标签是“推荐”,而不是“必需”。 从页面: 帮助屏幕阅读器用户了解选项卡列表的上下文和目的。 如果存在可见标签,请使用 aria-labelledby,否则使用 aria-label。 因此,Bootstrap 示例中的省略是允许的,尽管不可取。

回答 1 投票 0

更改 UINavigationItem 辅助功能元素顺序

我有一个 UINavigationBar,其中包含 3 个部分: titleView(即 UISearchBar) 左栏按钮项 右栏按钮项目 当画外音打开时,搜索栏将是第一个焦点...

回答 1 投票 0

aria-controls需要id,id必须是文档唯一的,模板怎么写?

我们看一下W3 ARIA工具栏示例: … 让我们看一下W3 ARIA工具栏示例: <div class="format" role="toolbar" aria-label="Text Formatting" aria-controls="textarea1">…</div> … <textarea id="textarea1" rows="20" cols="80" style="font-family: sans-serif">…</textarea> 工具栏的aria-controls指的是使用textarea的id。 虽然我现在才听说 id 在其父元素中必须是唯一的,根据 MDN 它仍然“在整个文档中必须是唯一的”。 好的,但是如何制作一个由区域和工具栏组成的小部件模板呢? 一个明显的解决方案是每次实例化模板时都会生成毫无意义的 id 值,仅供参考: <template class="text-editor"> <div class="format" role="toolbar" aria-label="Text Formatting" aria-controls="{textarea-id}">…</div> … <textarea id="{textarea-id}" rows="20" cols="80" style="font-family: sans-serif"> </template> 也许有更好的方法? 现在我最好的方法如下。我刚刚将 variables 添加到模板实例化代码中。其中之一是{autoid}: <template class="text-editor"> <div class="format" role="toolbar" aria-label="Text Formatting" aria-controls="{autoid}">…</div> … <textarea id="{autoid}" rows="20" cols="80" style="font-family: sans-serif"> </template> 然后我将 {autoid} 替换为 crypto.randomUUID() 调用的结果。 这项技术让我拥有模板的多个实例和 id 唯一性。

回答 1 投票 0

当 matDialog 弹出窗口时,它会将 aria-hidden 添加到 <app-root> 元素

使用ARC Toolkit(辅助功能测试插件)扫描页面时,如果打开模式,扫描仪会显示错误,因为一个或多个可聚焦子元素的parent()上存在aria-hidden。 我有

回答 2 投票 0

SwiftUI 辅助功能 VoiceOver 焦点问题

我的屏幕上有一个按钮,点击该按钮我将打开一个模式(视图)。但关闭该视图后,辅助功能 VoiceOver 焦点将转到屏幕的左上角元素。我想要那个...

回答 1 投票 0

Talkback 未通过 adb shell 启用

我尝试过命令 adb shell settings put secureenabled_accessibility_services com.android.talkback/com.google.android.marvin.talkback.TalkBackService 从 adb shell 启用对讲。是

回答 4 投票 0

辅助功能问题:Flutter RichText 中同一行有多个链接

重现步骤 创建具有多个 TextSpan 或 WidgetSpan 元素的 RichText 小部件,每个元素代表一个可单击的链接。 将每个链接包装在语义小部件中以确保可访问性支持...

回答 1 投票 0

SwiftUI 中的辅助功能 Voiceover 焦点问题

在 swiftUI 中如何将焦点移动到所需视图。单击一个按钮后,API 被调用并且视图刷新,但之后焦点又移回到视图的左上角。我想要那个......

回答 2 投票 0

在 Swift 中禁用动态类型

我有一个基于 Sprite Kit 的游戏,它在一个场景中使用 UIView,我这样做是为了利用 UITableViewController 来呈现游戏设置屏幕。 困难...

回答 6 投票 0

有没有办法手动将 CSS/HTML 中的辅助功能字段更改为任何值?

我正在为客户构建 HTML 卡,他们想知道是否可以手动调整该卡中的辅助功能字段,特别是这些: 他们想要改变......的价值

回答 1 投票 0

mergeDescendants = true 和clearAndSetSemantics 有什么区别?

我正在使用 JetPack Compose 和 Kotlin 为 Android 应用程序编写一些辅助功能。 我有一个按钮组件用作切换按钮,可以选择或取消选择它。 在...

回答 1 投票 0

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