title: What is the correct semantics for language switching navigation?
body: <p>I am coding a multilingual site and I have following navigation: </p>
  
  <pre><code> &lt;nav id="language"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="/en/" hreflang="en"&gt;en&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="/de/" hreflang="de"&gt;de&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;fr&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p><strong>Can I improve semantics?</strong> With Microdata or tags attributes e.g</p>