Ajout des ARIA landmarks sur les balises de sectionnement :

* main : main * header : banner * nav : navigation * footer : contentinfo * aside : complementary Cf. https://www.w3.org/TR/wai-aria-practices/examples/landmarks/HTML5.html
2 years ago · 91ec2908f9
15 changed files with 27 additions and 27 deletions
--- a/404.html
+++ b/404.html
@ -14,7 +14,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		<div class="wrapper">
 		<div class="content" id="content">
 			<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:pass_erreur:></strong></p>
@ -35,7 +35,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 			<INCLURE{fond=inclure/navsub} />
 			#FORMULAIRE_RECHERCHE
 		</aside><!--.aside-->
--- a/article.html
+++ b/article.html
@ -15,7 +15,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : contenu de l'article]
 		<div class="wrapper hfeed">
 		<div class="content hentry" id="content">
@ -55,7 +55,7 @@
 		</div><!--.wrapper-->
 	
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 		
 			<INCLURE{fond=inclure/navsub, id_rubrique} />
 			#FORMULAIRE_RECHERCHE
--- a/auteur.html
+++ b/auteur.html
@ -15,7 +15,7 @@
 	<INCLURE{fond=inclure/nav,env} />


-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : affichage de l'auteur ]
 		<div class="wrapper">
 		<div class="content" id="content">
@ -52,7 +52,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 	
 			<INCLURE{fond=inclure/navsub} />
 			#FORMULAIRE_RECHERCHE
--- a/breve.html
+++ b/breve.html
@ -17,7 +17,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,id_rubrique,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : corps de la breve ]
 		<div class="wrapper">
 		<div class="content" id="content">
@ -41,7 +41,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 	
 			<INCLURE{fond=inclure/navsub, id_rubrique} />
 			#FORMULAIRE_RECHERCHE
--- a/contact.html
+++ b/contact.html
@ -13,7 +13,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />

-	<main class="main">
+	<main class="main" role="main">
 		<div class="wrapper">
 		<div class="content" id="content">
 			<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:contact:></strong></p>
@ -27,7 +27,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 			<INCLURE{fond=inclure/navsub} />
 			#FORMULAIRE_RECHERCHE
 		</aside><!--.aside-->
--- a/forum.html
+++ b/forum.html
@ -13,7 +13,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : message de forum ]
 		<div class="wrapper">
 		<div class="content" id="content">
@ -39,7 +39,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 			<INCLURE{fond=inclure/navsub} />
 			#FORMULAIRE_RECHERCHE
 		</aside><!--.aside-->
--- a/inclure/footer.html
+++ b/inclure/footer.html
@ -1,4 +1,4 @@
-<footer class="footer clearfix">
+<footer class="footer clearfix" role="contentinfo">
 	<p class="colophon">
 		<BOUCLE_annee(ARTICLES){par date}{0,1}>[(#DATE|annee|!={#VAL{Y}|date}|oui)[(#DATE|annee)]]</BOUCLE_annee> - </B_annee>[(#DATE|annee) ]#NOM_SITE_SPIP
 		<br /><a rel="contents" href="#URL_PAGE{plan}" class="first"><:plan_site:></a>[
--- a/inclure/header.html
+++ b/inclure/header.html
@ -1,4 +1,4 @@
-<header class="clearfix header">
+<header class="clearfix header" role="banner">
 	[(#ENV{home,'non'}|=={oui}|?{
 	<h1 class="spip_logo_site">[(#LOGO_SITE_SPIP|image_reduire{224,96})]#NOM_SITE_SPIP</h1>
 	,
--- a/inclure/nav.html
+++ b/inclure/nav.html
@ -1,5 +1,5 @@
 <B_nav>
-<nav class="nav clearfix[ (#TOTAL_BOUCLE|=={1}|oui)none]" id="nav">
+<nav class="nav clearfix[ (#TOTAL_BOUCLE|=={1}|oui)none]" id="nav" role="navigation">
 	<ul>
 		<BOUCLE_nav(RUBRIQUES) {racine} {par num titre, titre}>
 		<li class="nav-item[ (#EXPOSE)][ (#COMPTEUR_BOUCLE|=={1}|oui)first][ (#COMPTEUR_BOUCLE|=={#TOTAL_BOUCLE}|oui)last]"><a href="#URL_RUBRIQUE">#TITRE</a></li>
--- a/mot.html
+++ b/mot.html
@ -17,7 +17,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />

-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : contenu du mot-cle ]
 		<div class="wrapper">
 		<div class="content" id="content">
@ -101,7 +101,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 	
 			<INCLURE{fond=inclure/navsub} />
 			#FORMULAIRE_RECHERCHE
--- a/plan.html
+++ b/plan.html
@ -13,7 +13,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		<div class="wrapper">
 		<div class="content" id="content">
 			<p class="arbo"><a href="#URL_SITE_SPIP/"><:accueil_site:></a> &gt; <strong class="on"><:plan_site:></strong></p>
@ -27,7 +27,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 			<INCLURE{fond=inclure/navsub} />
 			#FORMULAIRE_RECHERCHE
 		</aside><!--.aside-->
--- a/recherche.html
+++ b/recherche.html
@ -12,7 +12,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : Resultats de la recherche ]
 		<div class="wrapper">
 		<div class="content" id="content">
@ -111,7 +111,7 @@
 		</div><!--.wrapper-->
 		
 		
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 			<INCLURE{fond=inclure/navsub, id_rubrique} />
 			#FORMULAIRE_RECHERCHE
 		</aside><!--.aside-->
--- a/rubrique.html
+++ b/rubrique.html
@ -17,7 +17,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,env} />

-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : contenu de la rubrique ]
 		<div class="wrapper">
 		<div class="content" id="content">
@ -97,7 +97,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 	
 			<INCLURE{fond=inclure/navsub, id_rubrique} />
 			#FORMULAIRE_RECHERCHE
--- a/site.html
+++ b/site.html
@ -18,7 +18,7 @@
 	<INCLURE{fond=inclure/header} />
 	<INCLURE{fond=inclure/nav,id_rubrique,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		[(#REM) Contenu principal : affichage du site reference ]
 		<div class="wrapper">
 		<div class="content" id="content">
@ -56,7 +56,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 	
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 	
 			<INCLURE{fond=inclure/navsub, id_rubrique} />
 			#FORMULAIRE_RECHERCHE
--- a/sommaire.html
+++ b/sommaire.html
@ -13,7 +13,7 @@
 	<INCLURE{fond=inclure/header,home=oui} />
 	<INCLURE{fond=inclure/nav,env} />
 	
-	<main class="main">
+	<main class="main" role="main">
 		<div class="wrapper hfeed">
 		<div class="content" id="content">
 			[<div class="chapo">(#DESCRIPTIF_SITE_SPIP)</div>]
@ -21,7 +21,7 @@
 		</div><!--.content-->
 		</div><!--.wrapper-->
 		
-		<aside class="aside">
+		<aside class="aside" role="complementary">
 			<INCLURE{fond=inclure/navsub} />
 			#FORMULAIRE_RECHERCHE