HTML 语言切换器辅助功能

5 html wai-aria

是否有任何咏叹调或角色可以添加到语言切换链接中?例如,我在页脚中放置了两个链接来更改当前语言。

<a href="/language/switch/fr">Fr</a>
<a href="/language/switch/uk">Uk</a>
Run Code Online (Sandbox Code Playgroud)

我有任何语义标签可以添加到此链接吗?

jas*_*sie 3

例子:

<a href="/language/switch/fr" lang="fr" hreflang="fr">Fr</a>
Run Code Online (Sandbox Code Playgroud)

请参阅https://www.nomensa.com/blog/2010/7-tips-for-multi-lingual-website-accessibility了解更多信息。

lang 属性文档

全局lang属性帮助定义元素的语言:编写不可编辑元素的语言,或者用户应该编写可编辑元素的语言。

hreflang 属性文档

提示链接 URL 的人类语言。没有内置功能。允许的值与全局属性相同lang

  • switch 当然是一个有效的角色。请参阅 https://www.w3.org/TR/wai-aria-1.1/#switch。但这不适合这种情况。如果您有一个像复选框一样工作的组件,那么您可以使用它,但示例代码只有两个链接。我**不会**在这些上使用导航角色。导航更多的是在网站中进行导航。语言链接只是更改页面的语言,并不能真正引导您到任何地方。 (4认同)
  • `lang` 属性的值应该与标签内容的语言匹配。所以它应该像这样使用: &lt;a href="/language/switch/fr" lang="fr" hreflang="fr"&gt;Français&lt;/a&gt; 或 &lt;a href="/language/switch/fr" lang= "en" hreflang="fr"&gt;法语&lt;/a&gt; (4认同)