Language Select
Für eine mehrsprachige Seite kann im Content Header ein Sprachwahlschalter hinzugefügt werden. Der Selektor soll den gleichen Content in einer anderen Sprache anbieten (nicht davon abweichende Contentangebote). Er verwendet dabei Sprachnamen nach ISO 639-1.
<div class="content-language-select js-content-language-select">
<div role="button" id="language_select_button" aria-haspopup="true" aria-controls="language_select" aria-label="Sprache der Seite ändern" tabindex="0" class="trigger js-trigger">
<i class="language-icon" aria-hidden="true">de</i>
<span class="aural">Aktuelle Sprache: Deutsch</span>
<i class="bicon bicon-chevron-down arrow" aria-hidden="true"></i>
</div>
<div class="dropdown js-dropdown">
<ul class="list--clean" id="language_select">
<li>
<a href="#">
<i class="language-icon" aria-hidden="true">de</i>
<span lang="de">Deutsch</span>
</a>
</li>
<li>
<a href="#">
<i class="language-icon" aria-hidden="true">en</i>
<span lang="en">English</span>
</a>
</li>
<li>
<a href="#">
<i class="language-icon" aria-hidden="true">fr</i>
<span lang="fr">Français</span>
</a>
</li>
</ul>
</div>
</div>