voiceover 相关问题

VoiceOver是一款屏幕阅读器，适用于Apple OS X和iOS操作系统内置视觉和动态障碍的用户。它描述了应用程序的用户界面，并帮助用户浏览应用程序的视图和控件。

我使用 Unicode 星号显示产品评级。 iOS VoiceOver 无法正确朗读此内容，因此我想我应该在跨度上使用 aria-label 来告诉屏幕阅读器它的含义。我使用 Unicode 星号显示产品评级。 iOS VoiceOver 无法正确朗读此内容，因此我想在跨度上使用 aria-label 来告诉屏幕阅读器它的含义。 ★★★★☆ 4.0 (123) 它不起作用。 iOS VoiceOver 完全忽略我的 aria-label。我做错了什么？我该如何解决这个问题？如果您放置的元素没有任何语义，则某些辅助技术有时会忽略 aria-label。 A 没有语义意义。如果您添加适合您的星星的 role，那么应该可以正确读取。引用mdn web doc的aria-label文章：并非所有元素都可以被赋予可访问的名称。 aria-label 和 aria-labelledby 都不应与非交互式元素或内联结构角色（例如代码、术语或强调）一起使用，也不应与语义不会映射到辅助功能 API 的角色一起使用，包括presentation、none 和hidden。 aria-label 属性仅适用于交互元素。这就是为什么aria-label对元素没有影响：是一个没有语义的非交互式元素。但是您可以这样做：提供两个，每个表达相同的信息，但针对不同的“目标群体”： One 是视觉无屏幕阅读器版本；属性 aria-hidden="true" 将确保它不会成为辅助功能树的一部分，因此屏幕阅读器不会将其传达给用户。其中一个是可访问的屏幕阅读器版本：CSS样式负责视觉上隐藏它。重用Bootstrap 5的.visually-hiddenCSS类，你的示例可以像这样重写： .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; } ★★★★☆ 4.0 (123) 4.0 stars out of 5, 123 ratings 在视觉上，这将仅呈现“4个黑色Unicode星，1个白色Unicode星，4.0，以及括号中的123”。对于屏幕阅读器，这将仅呈现“4.0颗星（满分5分，123个评分）”。一种方法是添加 role=img ★★★★☆ 4.0 (123) 关于在跨度中使用角色以便能够通过 VoiceOver 宣布 aria-label，我会使用 role=meter 检查Developer Mozzila中的选项就您而言：星级范围从 0 到 5。使用 role=meter 将使 aria-label 能够由 AT 公布。并且您可以获得“aria-valuetext”来帮助公告实施 ★★★★☆ 4.0 (123) 这是在不使用 aria-valuetext 属性的情况下显示的旁白字幕这里使用 aria-valuetext 属性

html ios wai-aria voiceover

回答 4 投票 0

如何覆盖屏幕阅读器对句子中单词的发音而不使其在句子中暂停？

假设我有以下 HTML 句子：请输入您的许可证号码屏幕阅读器将“licence”一词误读为“liss-ens”（语音拼写）。它应该...

html css accessibility voiceover screen-readers

回答 3 投票 0

画外音：UIButton 的标签在激活时会重复

我有一个UIButton，当焦点放在按钮上时，VoiceOver会说出按钮的标签，当双击激活它时，VoiceOver会再次说出按钮的标签。有什么办法可以预防 sp...

ios accessibility voiceover

回答 1 投票 0

Cisco Unity Connection 消息系统有什么作用？

今天我拨打了美国银行的电话，但是接线员没有接听电话。下面传来一个自动声音。 “欢迎使用思科统一连接消息系统，请拼写...