Niveau : Confirmé

Sémantique HTML5 et ARIA pour Wordpress

Tutoriel par (Expert indépendant dans les technos du Web, formateur, consultant)
Créé le , mis à jour le (8694 lectures)
Tags : xhtml, sémantique, html5, aria, wordpress

Sommaire


Conclusion

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 :