Appliquons les bonnes pratiques pour la hiérarchisation du contenu en HTML5...

Appliquons les bonnes pratiques pour la hiérarchisation du contenu en HTML5 (pour l'instant, page rubrique OK) :
- des titres pour les sections
- garder une hiérarchisation cohérente de H1-H6 (cf http://www.paciellogroup.com/blog/2013/10/html5-document-outline/)
- masquer pour Google les titres rajoutés car ils n'apportent rien au contenu : https://support.google.com/customsearch/answer/2364585?hl=en

noisettes/footer/footer.html

@@ -36,6 +36,6 @@ window.___gcfg = {lang: '#LANG'};
     var s = document.getElementsByTagName('script')[(#EVAL{chr(91)})]0[(#EVAL{chr(93)})]; s.parentNode.insertBefore(po, s);
   })();
 </script>]
-[<h2 class="hidden">Catholique.fr</h2>(#INSERT_NAV_CEF)]
+[<h2 class="nocontent offscreen">Catholique.fr</h2>(#INSERT_NAV_CEF)]
 </body>
 </html>

noisettes/footer/footer_modeedito.html

@@ -4,6 +4,7 @@
 </div><!-- id="content" -->
 	</div><!-- id="wrapper" -->
 	<nav><div id="navigation" class="equilibre stackable">
+	<h1 class="nocontent offscreen">Menu de la section</h1>
 [(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|oui)#INCLURE{fond=noisettes/logosite}]
 <div id="menu" class="navstuff">
 <div class="espaceavant">

noisettes/footer/footer_pied.html

 	<footer><div id="footer" class="clearbottom clearfix">
+	<h1 class="nocontent offscreen">Pied de page</h1>
 [(#SET{div_menufooter,0})]
-		<B_MenuFooter><nav><div id="menufooter"><ul>[(#SET{div_menufooter,1})]<BOUCLE_MenuFooter(ARTICLES){titre_mot=MenuFooter}{par num titre}{" "}><li>[(#ENV{id_article}|=={#ID_ARTICLE}|?{<strong>})]<a href="[(#ARTICLE_URL)]" title="[(#DESCRIPTIF|supprimer_tags|attribut_html)]">[(#CONFIG{soyezcreateurs_layout/logomenufooter,oui}|=={oui}|oui)[<img class="menu_footer_logo" src="(#LOGO_ARTICLE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurlogomenufooter,16},#CONFIG{soyezcreateurs_layout/hauteurlogomenufooter,16}}|extraire_attribut{src})" alt="" />]][(#TITRE)]</a>[(#ENV{id_article}|=={#ID_ARTICLE}|?{</strong>})]</li></BOUCLE_MenuFooter></B_MenuFooter>
+		<B_MenuFooter><nav><div id="menufooter"><h2 class="nocontent offscreen">Menu transversal secondaire</h2><ul>[(#SET{div_menufooter,1})]<BOUCLE_MenuFooter(ARTICLES){titre_mot=MenuFooter}{par num titre}{" "}><li>[(#ENV{id_article}|=={#ID_ARTICLE}|?{<strong>})]<a href="[(#ARTICLE_URL)]" title="[(#DESCRIPTIF|supprimer_tags|attribut_html)]">[(#CONFIG{soyezcreateurs_layout/logomenufooter,oui}|=={oui}|oui)[<img class="menu_footer_logo" src="(#LOGO_ARTICLE|image_reduire{#CONFIG{soyezcreateurs_layout/largeurlogomenufooter,16},#CONFIG{soyezcreateurs_layout/hauteurlogomenufooter,16}}|extraire_attribut{src})" alt="" />]][(#TITRE)]</a>[(#ENV{id_article}|=={#ID_ARTICLE}|?{</strong>})]</li></BOUCLE_MenuFooter></B_MenuFooter>
 [(#CONFIG{soyezcreateurs_layout/positionliensnav,menu_footer}|=={menu_footer}|oui)
-[[(#GET{div_menufooter}|non)<nav><div id="menufooter"><ul>][(#SET{div_menufooter,1})](#INCLURE{fond=noisettes/liensnav/bloc_liensnav,template})]
+[[(#GET{div_menufooter}|non)<nav><div id="menufooter"><h2 class="nocontent offscreen">Menu transversal secondaire</h2><ul>][(#SET{div_menufooter,1})](#INCLURE{fond=noisettes/liensnav/bloc_liensnav,template})]
 ]
 		[(#GET{div_menufooter}|oui)</ul></div></nav>]
 		[(#PLUGIN{nuage}|oui)[(#CONFIG{soyezcreateurs_layout/positionnuage,footer}|=={footer}|oui)<div id="nuage"><INCLURE{fond=noisettes/navigation/nuagedemotcle,env}></div>]]

noisettes/menus/menu_right.html

 	<aside><div id="extra" class="navStuff equilibre stackable laststackable">
+	<h2 class="nocontent offscreen">Navigation secondaire</h2>
 [<div class="rightmenu">(#PLUGIN{mesfavoris}|oui)<INCLURE{fond=noisettes/extra/favoris}></div>]
 [(#CONFIG{soyezcreateurs/citationsheader,extra}|=={extra}|oui)<INCLURE{fond=noisettes/extra/citations}>]
 [(#PLUGIN{splickr}|oui)<INCLURE{fond=noisettes/extra/splickr}>]

noisettes/menus/menuhaut.html

@@ -2,7 +2,8 @@
 [(#PLUGIN{SIDR}|oui)<div id="mobile-header">
 <a id="responsive-menu-button" href="#sidr-main"><span><:soyezcreateurs:menunavrwd:></span></a>
 </div>]
-<div id="menuhaut">
+<nav id="menuhaut">
+	<h2 class="nocontent offscreen">Menu principal</h2>
 	<ul id="menuh">
 		[<li class="cadre_recherche">(#CONFIG{soyezcreateurs/positionrecherche,header}|=={menuhaut}|oui)[(#INCLURE{fond=noisettes/header/cadre_recherche}{env}{id_recherche=cadre_recherche})]</li>]
 		<BOUCLE_MenuHaut(RUBRIQUES){titre_mot=MenuHaut}{par num titre}{!lang_select}><li class="menuh#ID_RUBRIQUE #EDIT{titre}"><INCLURE{fond=noisettes/menus/rubrique_li,
@@ -66,5 +67,5 @@
 				<//B_LancerRecursion>
 		</li></BOUCLE_MenuHaut>
 	</ul>
-</div>
+</nav>
 </B_MenuHaut>
\ No newline at end of file

rubrique.html

@@ -25,6 +25,7 @@
 [(#INCLURE{fond=noisettes/rubriques/typerubrique_#TITRE}{id_rubrique=#_rubrique_principal:ID_RUBRIQUE}{rubriqueencours}{template}{secteurencours}{lang}{racinetype=#_TypeRubrique:ID_RUBRIQUE}{env})]
 ]</BOUCLE_Mot_TypeRubrique></BOUCLE_TypeRubrique>
 	<nav id="miettesdepain">
+		<h2 class="nocontent offscreen">Fil d'Ariane</h2>
 		<ul>
 			<li><a href="#URL_SITE_SPIP" title="<:soyezcreateurs:accueil_site|attribut_html:>"><:soyezcreateurs:accueil:></a></li>
 			<BOUCLE_plan(HIERARCHIE){id_rubrique}{!titre_mot=PasDansFildAriane}>
@@ -44,6 +45,7 @@
 
 <div class="texte">
 [(#PLUGIN{SOCIALTAGS}|oui)<div id="socialtags"></div>]
+<main id="main">
 <div class="cartouche">
 <div class="titrepage"><h1 class="#EDIT{titre} surlignable"><BOUCLE_GrosLogoRub(MOTS){id_rubrique}{titre = GrosLogo}> #SET{AfficherGrosLogo,1}</BOUCLE_GrosLogoRub>[<img src="(#INCLURE{fond=noisettes/menus/rubrique_logo}{id_rubrique}{mode=normal}|image_reduire{#CONFIG{soyezcreateurs_layout/largeurlogocontenuautomatique,64},#CONFIG{soyezcreateurs_layout/hauteurlogocontenuautomatique,64}}|extraire_attribut{src})" class="logo_rubrique" alt="" width="[(#INCLURE{fond=noisettes/menus/rubrique_logo}{id_rubrique}{mode=normal}|image_reduire{#CONFIG{soyezcreateurs_layout/largeurlogocontenuautomatique,64},#CONFIG{soyezcreateurs_layout/hauteurlogocontenuautomatique,64}}|largeur)]" height="[(#INCLURE{fond=noisettes/menus/rubrique_logo}{id_rubrique}{mode=normal}|image_reduire{#CONFIG{soyezcreateurs_layout/largeurlogocontenuautomatique,64},#CONFIG{soyezcreateurs_layout/hauteurlogocontenuautomatique,64}}|hauteur)]" />]<//B_GrosLogoRub>[(#TITRE)][(#ENV{archive}|oui)(<:soyezcreateurs:archives:>)]</h1>[(#FORMULAIRE_FAVORI)]</div>
 [(#ENV{archive}|non)[(#INCLURE{fond=noisettes/cartouches/article_cartouche_archives,id_rubrique,lang}|oui)<div class="lienarchives pas_surlignable"><a href="[(#SELF|parametre_url{archive,oui})]" title="<:soyezcreateurs:archives_title|attribut_html:>"><:soyezcreateurs:archives:></a></div>]]
@@ -61,6 +63,7 @@
 [(#INCLURE{fond=modeles/documentsjoints}{id_rubrique})]
 ]
 	</div><!-- Fin de #LeTexte -->
+</main>
 </div><!-- Fin de .texte -->
 [(#CONFIG{soyezcreateurs_layout/positioncartouche,bas}|=={bas}|oui)
 [(#REM) Ne pas afficher le cartouche si le texte est vide : on affiche dj la liste des articles avec un extrait  la place du texte