Voiceover 如何检测语言以及如何让它在整个网站上“说”同一种语言?
我的电脑是英文的,我在一个提供各种本地化版本的网站上工作。 画外音可以很好地阅读当前本地(非英语)中的
<p>
或<span>
元素,但是当我专注于<button>
元素时,它不会检测语言并以英语阅读所有内容,这不会感觉,因为文本不是英文的。我在 lang
中设置了 <html>
属性,但它似乎没有帮助。我什至将 lang 属性添加到按钮,但仍然没有。
我尝试在
<p>
中添加一个 <button>
元素,但它仍然做同样的事情。
画外音就是这样工作的还是我做错了什么?
经过一些测试,结果证明是 VoiceOver 问题。
虽然有些屏幕阅读器可以自动检测文本的语言,但这并不可靠。为确保用户代理的正确语言识别,建议使用
lang
属性。
在 MacOS 上的 VoiceOver 中,要使按钮的文本以不同于页面语言的语言朗读,请为按钮添加
lang
属性:
<html lang="en">
<head></head>
<body>
This is a page in English
<button lang="fr">Le texte de ce bouton est en français</button>
</body>
</html>
此外,需要在 VoiceOver 实用程序 > 语音 > 语音中安装目标语言的语音。