Семантическая разметка для переключателя языка
Какую разметку вы бы использовали для элемента переключения языка?Должен ли он быть размещен до
<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>