Conclusion
Avec ce tutoriel et 2 à 3 heures de travail, vous pouvez passez assez facilement à la sémantique HTML5 sur votre blog dès aujourd'hui. En fait en le codant, il devient même évident que les spécifications HTML5 et ARIA on été influencées par la sémantique des blogs et des sites d'information tant la correspondance est facile.
Du côté de HTML5, il est probable que sur ce thème par défaut, Wordpress ait préféré faire l'impasse pour ne pas dépendre de JavaScript ou de spécifications qui ne sont pas totalement fixées. Je pense personnellement que ces 2 limites ne sont pas un problème :
- les éléments que j'ai cité ici ont tous ont été largement discutés, et il est peu probable que le W3C revienne dessus. Si c'est cependant le cas les modifications à faire ne sont pas complexes
- j'estime la population avec IE et javascript désactivé comme négligeable, au pire ils auront un design cassé mais sur un blog le contenu principal (l'article) restera exploitable.
Les rôles ARIA sont déjà inclus dans le thème par défaut de Wordpress 3, mais nombre de thèmes ont oublié de les répliquer. En créant ce blog, je cherchais des thèmes exploitant déjà la sémantique HTML5, mais ils sont peu nombreux donc le choix en graphismes est limité, et à l'heure d'écrire cet article aucun n'exploitait autant ARIA et HTML5.
Références, outils, remerciements :
- 2 thèmes Wordpress tout faits (mais incomplets) : Toolbox et JustCSS
- les specifications HTML5 et ARIA
- la démo d'Opéra sur les formulaires HTML5
- HTML5 Doctor pour l'ensemble de leur œuvre d'explication des spécifications
- Merci à Johan Bleuzen d'avoir relu et validé la partie Wordpress
- les validateurs W3C et WHATWG que passe maintenant braincracking.org
- le plugin Wave pour vérifier ARIA sur son site
- le bookmarklet h5o pour analyser une page HTML5 selon l'algorithme W3C