Семантическая разметка для переключателя языка

Какую разметку вы бы использовали для элемента переключения языка?Должен ли он быть размещен до<header> а также.skiplink?Должен ли он начинаться с заголовка?Есть живые примеры?

Вот что я использую сейчас:

 <header>
        <div><a href="#content" class="skiplink">Skip to content</a></div>
        <h1>
            <a href="/">Site Name - the best site</a>                      
        </h1>
        </header>

                <ul class="langSwitch">
<li class="langPl"><img src="/gfx/pl.png" alt="Polski" /></li>
<li class="langEn"><a rel="nofollow" href="/en" hreflang="en" lang="en" xml:lang="en"><img src="/gfx/en.png" alt="English" /></a></li>
<li class="langDe"><a rel="nofollow" href="/de" hreflang="de" lang="de" xml:lang="de"><img src="/gfx/de.png" alt="Deutsch" /></a></li>

Ответы на вопрос(1)

Ваш ответ на вопрос