代码之家 › 专栏 › 技术社区 › fastr.de

如何在html5中使用另一种语言?

wai-aria html5

0

fastr.de · 技术社区 · 7 年前

屏幕阅读器的重音由 <html lang="[language]">

差不多

<button aria-label="(lang=en:E-Mail) schreiben">

1 回复 | 直到 7 年前

1

5

slugolicious 7 年前

对于您关于某个单词的特定问题 aria-label 答案是否定的。

但是,如果您使用 aria-labelledby 要将标签指向另一个元素(或几个其他元素),可以将单词拆分并使用 lang 你想说什么就说什么。

<div class="sr-only" id="mylabel">
  <span lang="en">email</span>
  <span lang="de">schreiben</span>
</div>

<button aria-labelledby="mylabel"></button>

这个<部门>在视觉上是隐藏的(请参见 What is sr-only in Bootstrap 3?

如果屏幕读取器(无论是OP中要求的画外音,还是JAWS或NVDA)未随更改语言 拉贝德比咏叹调 class="sr-only"

<button>
  <div class="sr-only">
    <span lang="en">email</span>
    <span lang="de">schreiben</span>
  </div>
</button>

虽然我只是尝试了一个简单的例子,VO做到了改变语言。听起来像是苹果虫。我还尝试反转单词,以防VO查看第一语言属性,并将其用于整个按钮:

<button>
  <div class="sr-only">
    <span lang="de">schreiben</span>
    <span lang="en">email</span>
  </div>
</button>

但结果是一样的。整个按钮都是用英语读的。

如果我将标签本身设置为纯文本,

<div>
  <span lang="en">email</span>
  <span lang="de">schreiben</span>
</div>

VO工作正常,第一个单词用英语读,第二个单词用德语读。