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.

Aktuelle Sprache: Deutsch 
    <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>