accessibility 相关问题

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

如何使用向下箭头键打开组合框下拉菜单

在 C# WPF 应用程序中,我使用 ComboBox 控件。当我在关闭的组合框中按向下键时,将选择组合框中的下一个项目,而无需打开下拉列表。如何改为打开...

回答 1 投票 0

Wordpress 占位符输入与辅助功能插件上的对比度不同步

我添加了 wordpress 插件以实现辅助功能 一键辅助功能 为什么该插件不适用于占位符? 我添加了 wordpress 插件以实现辅助功能 一键辅助功能 为什么该插件不适用于占位符? <input type="text" class="input-box" autocomplete="off" id="test" name="test" placeholder="text not works with plugin?" readonly=""> 提前谢谢您! 这个插件在主体上添加CSS类,然后你可以在主题的自定义CSS代码中尝试这个: .pojo-a11y-high-contrast ::placeholder { opacity : 1; }

回答 1 投票 0

SwiftUI 图表如何避免自动对图表上的可访问性元素进行分组

我有一个 BarMark 图表,我正在使用 .accessibilityLabel 和 .accessibilityValue 自定义每个条形的可访问性文本。由于图表上的条形数量较少,这个逻辑工作得很好,但是......

回答 1 投票 0

Swift4:`AXUIElementCopyAttributeValue()`返回`AXError.cannotComplete`

运行以下代码: 让 pid = getAppPid() 让 AXApp = AXUIElementCreateApplication(pid) var 孩子:CFTypeRef? 让 returnVal = AXUIElementCopyAttributeValue(AXApp, kAXChildrenAtt...

回答 1 投票 0

Play 控制台辅助功能警告 android:id/content/s[1] - Flutter App

我遇到的问题是,当我将应用程序上传到游戏控制台时,在之前的报告中,我总是看到覆盖整个屏幕的辅助功能警告。我的所有应用程序都会发生这种情况,甚至

回答 1 投票 0

如何在 Angular Plotly 树形图中添加辅助功能和键盘导航?

我们正在使用角度绘图库来渲染树形图。图表无法访问,键盘也无法直接访问。如何使其易于访问? 我联系了 Plotly t...

回答 1 投票 0

NVDA 在悬停时无法读取 aria-label / aria-labelledby

我需要向屏幕阅读器的 标签添加额外的文本。不幸的是,我发现当我将鼠标悬停在 eleme 上时,NVDA 阅读器不会读取 aria-label 或 aria-labelledby...

回答 1 投票 0

根据对比度调整颜色

对于我正在开发的模组,我想合并玩家的主题颜色并使用它们来生成 UI 元素。但是,我遇到了一个问题,即并非所有颜色主题都具有可以证明的颜色...

回答 3 投票 0

你能有一个不是 li 直接后代的嵌套列表吗

标题已经说明了一切。 我很好奇这是否被视为嵌套列表,如果是,它是否是有效的 HTML。我也很好奇任何可访问性的影响。 我用 VoiceOver 测试过,看起来...

回答 1 投票 0

屏幕阅读器:让他们在关注表单的某个部分时阅读说明的最佳实践

标记表单一部分的最佳做法是什么? 创建 似乎不是“好”方法。 我有一个很大的表格,有不同的部分,所有东西我... 标记表单一部分的最佳做法是什么? 创建一个<div tabindex="0">似乎不是“好”方法。 我有一个包含不同部分的大表单,所有内容都在一个站点上(没有向导或其他东西)。 我猜使用屏幕阅读器的用户只是使用 TAB 在不同的输入之间导航,一旦他们到达表单的不同区域,我想解释一下它的含义。 有点像标记一个 div,一旦他们到达该 div 中的输入 -> 读取一些内容。 只是一个简化的例子: <form> <!-- some inputs about the company --> <h2>Company</h2> <div> <label for="company-name-input">Company Name</label> <input type="text" id="company-name-input"> </div> <div> <label for="company-address-input">Company Address</label> <input type="text" id="company-address-input"> </div> <h2>Contact Partners</h2> <!-- here are inputs about important person you can contact --> <!-- how do I notify users about this fact, when they just tab thought the form I read it's no good to add a tabindex="0" to the headline --> <div> <!-- person one --> <label for="person-email-1">E-Mail</label> <!-- I could make a aria-label="Here is the email of your first person" but in case someone tabs here from below they might miss that.. and always have a "Person nr X before each input might be strange as well --> <input type="email" id="person-email-1"> <!-- all the other persons --> <button>Add Partner</button> </div> </form> 当用户将输入集中在某个区域而不在每个输入中重复该信息时,让用户意识到他们正在为联系人编辑字段的最佳实践是什么? <fieldset>元素用于对表单中的相关数据进行分组。 <legend> 元素定义 <fieldset> 元素的标题。 <form> <!-- some inputs about the company --> <fieldset> <legend>Company</legend> <div> <label for="company-name-input">Company Name</label> <input type="text" id="company-name-input"> </div> <div> <label for="company-address-input">Company Address</label> <input type="text" id="company-address-input"> </div> </fieldset> <fieldset> <legend>Contact Partners</legend> <!-- here are inputs about important person you can contact --> <!-- how do I notify users about this fact, when they just tab thought the form I read it's no good to add a tabindex="0" to the headline --> <div> <!-- person one --> <label for="person-email-1">E-Mail</label> <!-- I could make a aria-label="Here is the email of your first person" but in case someone tabs here from below they might miss that.. and always have a "Person nr X before each input might be strange as well --> <input type="email" id="person-email-1"> <!-- all the other persons --> <button>Add Partner</button> </div> </fieldset> </form>

回答 1 投票 0

如何使用 aria-* 属性使屏幕阅读器可以访问 SVG 图像?

我一直在使用 Inkscape 和 Draw.io 创建图表并将其导出到 SVG 文件。我想让 SVG 文件中的文本在网页上可供选择,或者,如果做不到这一点,至少可以访问

回答 3 投票 0

Camb.ai可以翻译和配音什么样的内容?

Camb.ai 可以翻译和配音的内容范围广泛,尤其专注于体育、媒体和娱乐行业。Camb.ai 可以翻译和配音的内容范围广泛,包括 mo...

回答 1 投票 0

段落中嵌套的span/mark标签的可访问性问题

所以我现在正在创建我的作品集,我想通过改变段落中的一些单词的颜色来强调它们。我一直在使用 mark 标签,这可以确保屏幕阅读器知道......

回答 1 投票 0

如何在内部放置锚标记<mat-expansion-panel-header>以避免出现问题

我有这样的结构(注意放置在 mat-expansion-panel-header 内的锚标记): 我有这样的结构(注意放置在mat-expansion-panel-header内部的锚标记): <mat-accordion> <mat-expansion-panel> <mat-expansion-panel-header> <mat-panel-title> Personal data </mat-panel-title> <mat-panel-description> ... <a href="url"/> </mat-panel-description> </mat-expansion-panel-header> </mat-expansion-panel> </mat-accordion> 在渲染的 UI 中,Angular 将 role="button" 添加到 mat-expansion-panel-header,这会导致 a11y 问题: 交互式控件不得嵌套 这是因为锚标记不应该位于带有 role="button" 的元素内 我该如何解决这个问题? 如果您需要在选项中包含交互式元素,请考虑使用网格模式

回答 1 投票 0

打开 Jetpack Compose 对话框时,Talkback 始终读取应用程序名称

在 Jetpack Compose 中打开对话框时,Talkback 将始终在读取对话框标题之前读取应用程序标签。 我已经尝试将清单中的活动标签设置为某个值...

回答 1 投票 0

文本转语音网页阅读器忽略表单

我有一个非常简单的文件来测试文本转语音的可访问性: 我有一个非常简单的文件来测试文本转语音的可访问性: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>Lorem ipsum</h1> <form method="POST" action=""> <input id="check1" type="checkbox" value="1" aria-labelledby="check1-label" /> <label id="check1-label" for="check1">This is an input label</label> <button type="submit">Submit</button> </form> </body> </html> 我正在使用 read-aloud Chrome / Firefox 扩展程序,因为它似乎是这方面最流行的扩展程序之一。它只是忽略了形式。 我有什么遗漏的吗? 关于屏幕阅读器和 TTS 扩展 此类浏览器扩展程序根本不能代表因障碍(盲人、视力不佳、有障碍等)而需要屏幕阅读或 TTS 的用户。 所有这些用户都使用可以在其设备上的任何位置读取屏幕的软件,而不仅仅是在浏览器中。 无论作者怎么说,这些扩展的功能对于具有真正可访问性需求的用户来说还远远不够完整。 它们更适合偶尔需要 TTS 但并不总是需要它的用户。例如,将文本快速转换为有声读物,供不想阅读的傻瓜或儿童使用。 请注意,不过,有一些更高级的专用应用程序可以制作有声读物或将几段文本转换为语音。 对于您作为开发人员/设计人员来说,如果您的目标是测试网站的可访问性,那么基本上意味着您没有使用具有可访问性需求的真实用户每天真正使用的正确工具进行测试。 换句话说,你没有达到目标,你的测试无效,你在浪费时间。 您应该使用用户在现实生活中使用的真实软件来测试可访问性,以便真正体验它的含义。没有 36 种方法,您应该在计算机中运行屏幕阅读器。 例如,Windows 上的 NVDA、Mac/iPhone/iPad 上的 VoiceOver、Android 上的 Talkback。所有这些都是免费的,VoiceOver 和 Talkback 通常甚至无需安装任何东西即可使用。 关于您的代码 Jaws、NVDA、VoiceOver 和 Talkback 等真正的屏幕阅读器或多或少遵循可访问性和 ARIA 标准。他们所有人在阅读您所呈现的页面时都不会有任何重大问题。我没有看到任何重大错误。 不过,存在无用的冗余。 由于您的 <input> 已经正确链接到您的 <label>,因此您不需要另外将其与 aria-labelledby 链接。您应该删除 aria-labelledby。 这是完全多余的,它可能是导致您的浏览器扩展无法读取它的原因。 但是,TTS 浏览器扩展可以或多或少地遵循标准,或者根本不遵循标准,并且不期望或不需要这样做,因此很难说您观察到的行为是错误还是有意为之,也很难说您应该做什么准确地修复它(如果可以修复)。 根据可访问性标准,这绝对是错误的,但由于此类浏览器扩展主要不是针对残障用户,因此可能有不同的意图。

回答 1 投票 0

react Native a11y:对元素进行分组以实现更好的配音公告,同时仍然暴露内部可访问元素

根据我目前的理解,VoiceOver 从左到右、从上到下宣布内容,因为它假设视觉用户是如何看待内容的。 (我还不明白画外音是如何表达的......

回答 4 投票 0

辅助功能:时间元素中的日期时间属性

我有一个关于 HTML 中关于可访问性的时间元素的简单问题。 我在文档中读到了这个: 日期时间值(日期时间的机器可读值)是 元素

回答 1 投票 0

我正在尝试以编程方式将 ALT 文本添加到 pdf 内的图像

我已经生成了 ALT 文本,只需要将其以某种方式添加到图形标签下的图像中即可。一些背景知识 - 我希望我的 pdf 可以访问 WCAG 2.1 AA 标准,并且我正在使用 adobe

回答 1 投票 0

如何启用 qTip 的键盘/屏幕阅读器功能

我最近实现了 qTip jQuery 插件。最近与我的老板一起进行代码审查时,讨论中提到了 Web 可访问性,特别是 qTip 得到了解决。 目前,我有 qTip

回答 1 投票 0

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