accessibility 相关问题

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

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

javascript html css accessibility

回答 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" 的元素内我该如何解决这个问题？如果您需要在选项中包含交互式元素，请考虑使用网格模式

javascript html angular accessibility

回答 1 投票 0

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

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

accessibility android-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 浏览器扩展可以或多或少地遵循标准，或者根本不遵循标准，并且不期望或不需要这样做，因此很难说您观察到的行为是错误还是有意为之，也很难说您应该做什么准确地修复它（如果可以修复）。根据可访问性标准，这绝对是错误的，但由于此类浏览器扩展主要不是针对残障用户，因此可能有不同的意图。

html accessibility text-to-speech wai-aria read-aloud

回答 1 投票 0

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

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

ios reactjs react-native accessibility voiceover

回答 4 投票 0

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

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

html accessibility

回答 1 投票 0

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

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