Introduction
HTML Enhancer (« qui améliore le HTML ») est un plugin pour WordPress qui permet d’enrichir dynamiquement les contenus (pages et articles) de votre site. Vous déterminez une liste de termes que vous utilisez souvent dans vos contenus et HTML Enhancer se charge d’effectuer le rendu HTML approprié. Cela permet à votre site de mieux respecter les contraintes d’accessibilité.
Abréviations
Un abréviation (ou sigle) ne peut pas être prononcée comme un mot (sauf par une personne habituée à prononcer plus de 5 consonnes différentes à la suite, comme les allemands). Par exemple : DVD, EDF.
Une abréviation sera rendue avec la balise HTML appropriée : abbr
. Une langue (attribut lang
) peut être spécifiée.
Acronymes
Un acronyme est une abréviation qui peut être prononcée comme un mot, par exemple : LASER, CAPTCHA.
Un acronyme sera rendu avec la balise HTML appropriée : acronym
. Une langue (attribut lang
) peut être spécifiée.
Expressions en langue étrangère
Chaque expression dont la langue n’est pas la langue de traitement de la page (ou du bloc dans lequel elle se situe) doit être entourée par une balise HTML ayant un attribut lang
définissant la langue de l’expression. Les lecteurs d’écran, qui lisent de manière audible les pages web aux personnes mal-voyantes, savent ainsi comment prononcer ces expressions.
Un changement de langue sera rendu avec la balise span
dont l’attribut lang
sera positionné sur le code de la langue de l’expression. Il est possible de spécifier une traduction, qui sera rendue dans l’attribut title
de l’élément span
.
Liens automatiques
Vous utilisez souvent une expression qui se réfère à une URL et il vous tient à cœur que cette expression dispose toujours d’un lien vers cette fameuse URL ?
Les liens automatiques sont rendus avec la balise appropriée : a
. La langue de l’expression (attribut lang
) ainsi que la langue de la page de destination (attribut hreflang
) peuvent être indiquées.
Transformations personnalisées
Au cas où vous souhaiteriez entourer le nom de votre chat par une balise strong
, sachez qu’il est possible de le faire : on peut choisir la balise et la classe CSS…
Shortcode WordPress
Quelques shortcode sont prévus dans le plugin :
- [ lang code= »en » ]an english expression[/ lang ]
- [ en ]a short expression[ en ]
- [ code ]methodeName()[/ code ]
- [ var ]$variableName[/ var ]
- [ kbd ]ls -al[/ kbd ]
Etendre le plugin
Le plugin est écrit en langage objet et il est très facile de l’étendre pour en faire un peu ce qu’on veut.
Licence
HTML Enhancer est distribué sous une licence Creative Commons.
Installation
L’installation est très simple :
- télécharger le plugin sur Github,
- décompresser l’archive dans le répertoire
wp-content/plugins/
Le répertoire doit s’appelerff-html-enhancer
; - activer le plugin,
- configurer le plugin dans Réglages > HTML Enhancer.