html - 如果页面使用翻译，是否也应该翻译 aria 属性？

Question

关于 aria 属性翻译的最佳实践是什么？如果一个页面有多种语言版本，aria 属性是否也应该如此？

我正在使用 react-i18next useTranslation Hook 将网站翻译成几种不同的语言，我想知道我是否也应该使用该 Hook 来翻译我的 aria 属性。

Answer 1

我会稍微限制一下这个问题，因为并不是所有的 ARIA 属性都应该被翻译。事实上，他们中的大多数人不应该这样做。例如，您不想将“true”/“false”(aria-hidden) 翻译成另一种语言。您不希望将“礼貌”/“自信”(aria-live) 翻译成另一种语言。

所以你真的只是在谈论 aria-label和 aria-roledescription (后者用得不多)。在 ARIA 1.3 中，还会有 aria-description所以它也会被翻译。

但是，是的，如果您翻译整个页面(并适当设置 lang 属性)，您还应该翻译与字符串标签关联的 aria 属性。

这就是为什么我喜欢使用 aria-labelledby 而不是 aria-label 因为与标签关联的 ID 将被翻译(假设它是一个常规文本 HTML 元素)所以您的标签得到免费翻译。