Suggestion for both languages. Since the language of page has been globally in html tag and that link to flip language is in another that one. We should add a lang and hreflang attributes to the a.
in https://github.com/nsgov/patternlibrary/blob/main/navigation/mothership-ribbon-with-EN.html change
<a href="../" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">English</a>
to
<a href="../" hreflang="en" lang="en" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">English</a>
in https://github.com/nsgov/patternlibrary/blob/main/navigation/mothership-ribbon-with-FR.html change
<a href="/fr" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">Français</a>
to
<a href="/fr" hreflang="fr" lang="fr" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">Français</a>
Suggestion for both languages. Since the language of page has been globally in
htmltag and that link to flip language is in another that one. We should add alangandhreflangattributes to thea.in https://github.com/nsgov/patternlibrary/blob/main/navigation/mothership-ribbon-with-EN.html change
<a href="../" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">English</a>to
<a href="../" hreflang="en" lang="en" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">English</a>in https://github.com/nsgov/patternlibrary/blob/main/navigation/mothership-ribbon-with-FR.html change
<a href="/fr" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">Français</a>to
<a href="/fr" hreflang="fr" lang="fr" style="float: right; color: #fff; font-weight: bold; margin: 10px 0; text-decoration: none;">Français</a>