fix: use full language codes

inclusive-design · Jan 8, 2025 · d3d9d18 · d3d9d18
1 parent 791a803
commit d3d9d18
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ lang if lang else defaultLanguage }}" dir="ltr">
+<html lang="{{ lang if lang else defaultLanguage }}-CA" dir="ltr">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">

diff --git a/src/_includes/partials/global/header.njk b/src/_includes/partials/global/header.njk
@@ -10,10 +10,10 @@
         <div class="header__settings">
             <ul class="header__language" role="list">
                 <li>
-                    <a href="{{ page | findTranslation(collections.all, lang, 'en') }}" lang="en" hreflang="en"{% if lang == 'en' %} aria-current="page"{% endif %}><span class="lg-hidden">EN</span><span class="lg-inline">English</span></a>
+                    <a href="{{ page | findTranslation(collections.all, lang, 'en') }}" lang="en-CA" hreflang="en-CA"{% if lang == 'en' %} aria-current="page"{% endif %}><span class="lg-hidden">EN</span><span class="lg-inline">English</span></a>
                 </li>
                 <li>
-                    <a href="{{ page | findTranslation(collections.all, lang, 'fr') }}" lang="fr" hreflang="fr"{% if lang == 'fr' %} aria-current="page"{% endif %}><span class="lg-hidden">FR</span><span class="lg-inline">Français</span></a>
+                    <a href="{{ page | findTranslation(collections.all, lang, 'fr') }}" lang="fr-CA" hreflang="fr-CA"{% if lang == 'fr' %} aria-current="page"{% endif %}><span class="lg-hidden">FR</span><span class="lg-inline">Français</span></a>
                 </li>
             </ul>
         </div>