Enhanced accessibility in the language selector by adding lang attributes for native names and language codes.

Author: liberaldev

_includes/language_selector.html

@@ -31,7 +31,7 @@
       {% for lang in site.data.languages %}
       <a href="/{{ lang.code }}{{ page.url | remove_first: '/' | replace_first: page.lang, '' }}"
          class="flex items-center justify-between px-4 py-2 text-sm {% if lang.code == current_lang %}bg-stone-100 dark:bg-stone-700 text-stone-900 dark:text-stone-50 font-medium{% else %}text-stone-700 dark:text-stone-300{% endif %} hover:bg-stone-100 dark:hover:bg-stone-700 transition-colors">
-        <span>{{ lang.native_name }} ({{ lang.code }})</span>
+        <span><span lang="{{ lang.code | to_html_lang }}">{{ lang.native_name }}</span> <span lang="und-Latn">({{ lang.code }})</span></span>
         {% if lang.code == current_lang %}
         <span class="icon-check" aria-hidden="true"></span>
         {% endif %}