Lists pages in alternate languages to navigate to.
- Component is a navigation element with a list of links
nav > ul > li > a
. - Navigation elements are advised to have a heading
<h?>
and/or[aria-labelledby]
attribute for accessibility. - Links use language codes (
<abbr>
) with full name in their given language for accessibility. Each<a>
tag therefore has an[aria-label]
and a[lang]
attribute. For example:<a lang="nl" aria-label="Nederlands" ...>
. - Links to pages in alternate languages are advised to have an
[hreflang]
attribute. - Link for current page is advised to have an
[aria-current="page"]
attribute for accessibility. - Lists require
[role="list"]
attribute whenlist-style: none;
is applied to maintain accessibility in VoiceOver in Safari.