feat(portal-theme): improve a11y and add star to link highlights

Author: M-A-Boucher

src/Themes/PortalTheme/Views/ContentCulturePickerContainer.liquid

@@ -2,9 +2,8 @@
 {% for culture in Model.SupportedCultures %}
     {% if culture.Name != Model.CurrentCulture.Name %}
         {% capture targetCultureLongName %}{% if culture.Name contains 'fr' %}Français{% else %}English{% endif %}{% endcapture %}
-        {% capture targetCultureUrl %}{{ culture.Name | switch_culture_url}}{% endcapture %}
-        <a class="dropdown-item d-lg-none d-flex" href="{{targetCultureUrl}}" aria-label="{{targetCultureLongName}}">{{targetCultureLongName}}</a>
-        <a href="{{ targetCultureUrl }}" class="btn btn-primary is-circle language-toggle d-lg-flex d-none" aria-label="{{targetCultureLongName}}">{{ culture.Name }}</a>
+        {% capture targetCultureUrl %}{{ culture.Name | switch_culture_url }}{% endcapture %}
+        <a class="dropdown-item d-lg-none d-flex" href="{{targetCultureUrl}}" lang="{{culture.Name}}" aria-label="{{targetCultureLongName}}">{{targetCultureLongName}}</a>
+        <a href="{{ targetCultureUrl }}" class="btn btn-primary is-circle language-toggle d-lg-flex d-none" lang="{{culture.Name}}" aria-label="{{targetCultureLongName}}">{{ culture.Name }}</a>
     {% endif %}
-{% endfor %}
-
+{% endfor %}

src/Themes/PortalTheme/Views/Widget-Section.liquid

@@ -1,5 +1,5 @@
 <section class="content-section">
-  <div class="{{ Model.ContentItem.Content.Section.Section.Text }}">
+  <div class="{{ Model.ContentItem.Content.Section.Section.Text | default: 'd-none' }}">
     <h2 class="{{ Model.ContentItem.Content.Section.TitleLayout.Text }}">{{ Model.ContentItem | display_text }}</h2>
     <div class="row {{ Model.ContentItem.Content.Section.ColumnLayout.Text }} {{ Model.ContentItem.Content.Section.JustifyContent.Text }}">
       {% for item in Model.ContentItem.Content.SectionPanels.ContentItems %}

src/Themes/PortalTheme/Views/Widget-SectionPanel.liquid

@@ -29,7 +29,7 @@
                 {% endif %}
               </div>
               <div>
-                <h3>{{ item.SectionPanelLink.Name.Text }}</h3>
+                <h3>{{ item.SectionPanelLink.Name.Text }} {% if item.SectionPanelLink.HeroHighlight.Value == true %}<i class="fas fa-star ml-1"></i>{% endif %}</h3>
                 <p class="text-secondary">{{ item.SectionPanelLink.Description.Text }}</p>
               </div>
             </div>