HTML conformity: fix error 'The element label must not appear as a descendant of the a element.'

public/css/renater-header.css

@@ -48,7 +48,7 @@ menu.top-bar-right > ul > li {
 menu.top-bar-right > ul > li:last-child {
     margin-right: 0;
 }
-.top-bar .top-bar-right > * label {
+.top-bar .top-bar-right > * span {
     color: #fff;
 }
 .menu{

templates/web/edugain/index.html.tt2

@@ -47,14 +47,14 @@
                                 <li class="et-submenu-option">
                                     <a [% IF l10n.language_tag() == "en" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'en') | html %]"[% END %] data-lang="en" title="English">
                                         <img src="images/en.png" />
-                                        <label>English</label>
+                                        <span>English</span>
                                         [% IF l10n.language_tag() == "en" %]<span class="fa fa-check"></span>[% END %]
                                     </a>
                                 </li>
                                 <li class="et-submenu-option">
                                     <a [% IF l10n.language_tag() == "fr" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'fr') | html %]"[% END %] data-lang="fr" title="Français">
                                         <img src="images/fr.png" />
-                                        <label>Français</label>
+                                        <span>Français</span>
                                         [% IF l10n.language_tag() == "fr" %]<span class="fa fa-check"></span>[% END %]
                                     </a>
                                 </li>

templates/web/renater/index.html.tt2

@@ -51,27 +51,27 @@
                     <ul class="menu icon-top" data-back-button="<li class='js-drilldown-back'><a tabindex='0'>Back</a></li>" data-responsive-menu="drilldown medium-dropdown">
                         <li>
                             <a href="[% c.url_for('home') %]" title="Accueil" data-tooltip class="left">
-                            <img class="hide-for-small-only home_img" src="images/home.svg" alt="Accueil" data-options="disable_for_touch:true"/>
-                            <label class="show-for-small-only">Accueil</label>
+                                <img class="hide-for-small-only home_img" src="images/home.svg" alt="Accueil" data-options="disable_for_touch:true"/>
+                                <span class="show-for-small-only">Accueil</span>
                             </a>
                         </li>
                         <li class="has-submenu" data-action="select_language">
                             <a href="#" title="[% c.loc("Language") %]">
                                 <img class="lang_img" src="images/lang.svg" alt="[% c.loc("Language") %]" data-options="disable_for_touch:true"/>
-                                <label class="show-for-small-only">[% c.loc("Language") %]</label>
+                                <span class="show-for-small-only">[% c.loc("Language") %]</span>
                             </a>
                             <ul class="submenu vertical" data-submenu>
                                 <li>
                                     <a [% IF l10n.language_tag() == "en" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'en') | html %]"[% END %] data-lang="en" title="English">
                                         <img src="images/en.png" />
-                                        <label>English</label>
+                                        <span>English</span>
                                         [% IF l10n.language_tag() == "en" %]<span class="fa fa-check"></span>[% END %]
                                     </a>
                                 </li>
                                 <li>
                                     <a [% IF l10n.language_tag() == "fr" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'fr') | html %]"[% END %] data-lang="fr" title="Français">
                                         <img src="images/fr.png" />
-                                        <label>Français</label>
+                                        <span>Français</span>
                                         [% IF l10n.language_tag() == "fr" %]<span class="fa fa-check"></span>[% END %]
                                     </a>
                                 </li>