User Documentation Avec Joomla 6.1, une amélioration petite mais puissante a été ajoutée à l'éditeur TinyMCE : des boutons dédiés pour insérer, modifier et supprimer l'élément HTML <abbr>.
Cette nouvelle fonctionnalité permet aux rédacteurs de baliser correctement les abréviations et acronymes sans toucher au code HTML. C'est un petit changement qui peut faire une grande différence en termes de clarté, d'accessibilité et de professionnalisme.
Qu'est-ce que l'élément <abbr> ?
L'élément HTML <abbr> est utilisé pour représenter une abréviation ou un acronyme. Il permet de saisir la forme développée complète d'un terme raccourci à l'aide de l'attribut title.
Par exemple :
<abbr title="World Wide Web">WWW</abbr>
Dans la plupart des navigateurs, les utilisateurs peuvent survoler l'abréviation et voir la signification complète dans une infobulle. Plus important encore, les technologies d'assistance telles que les lecteurs d'écran peuvent accéder à cette forme développée, aidant les utilisateurs à mieux comprendre votre contenu.
C'est du HTML sémantique — il ajoute du sens, pas seulement une mise en forme.
Pourquoi l'utilisation de <abbr> améliore l'accessibilité
L'accessibilité consiste à rendre le contenu compréhensible par tous. Les abréviations peuvent créer des obstacles inutiles si leur signification n'est pas claire.
Clarté pour tous les lecteurs
Tout le monde ne sait pas ce que signifient « WCAG », « HTML » ou « CSS ». Saisir la forme développée garantit que personne ne reste dans le flou.
Meilleure prise en charge des lecteurs d'écran
Lorsqu'elles sont correctement balisées, les technologies d'assistance peuvent annoncer la signification complète au lieu de lire les lettres une par une.
Structure sémantique améliorée
L'utilisation d'éléments HTML appropriés communique du sens aux navigateurs, aux moteurs de recherche et aux outils d'accessibilité.
En bref : ce petit bouton aide à rendre votre contenu plus inclusif.
Comment utiliser les nouveaux boutons Abbr dans TinyMCE
Si vous utilisez une installation propre de Joomla 6.1, les nouveaux boutons abbr sont déjà présents sur votre barre d'outils TinyMCE. Si vous avez effectué une mise à niveau vers Joomla 6.1, vous devrez les ajouter dans l'éditeur du plugin TinyMCE, soit en faisant glisser les deux nouvelles icônes vers votre barre d'outils, soit en utilisant le préréglage Avancé.
Étape 1 : Sélectionner l'abréviation
Ouvrir votre article dans l'éditeur Joomla et surligner l'abréviation que vous souhaitez baliser.
Étape 2 : Cliquer sur le bouton Insérer/Modifier l'abréviation
Cliquer sur la nouvelle icône Abréviation dans la barre d'outils TinyMCE.
Étape 3 : Saisir la signification complète
Une boîte de dialogue apparaît. Saisir la forme développée complète de l'abréviation dans le champ prévu à cet effet.
Étape 4 : Vérifier le balisage généré (facultatif)
Si vous basculez en mode code, vous verrez que TinyMCE a généré un balisage sémantique propre :
<abbr title="World Wide Web">WWW</abbr>
Et si vous consultez l'article sur votre site, vous verrez une mise en forme de base, le curseur se transformer en pointeur d'aide et la signification complète de l'abréviation dans une infobulle title.
Suppression d'une abréviation
Pour supprimer le balisage, sélectionner l'abréviation et cliquer sur le bouton Supprimer l'abréviation. Le texte restera, mais le balisage sémantique sera supprimé.
Exemples concrets
Documentation technique
Le DOM permet à JavaScript d'interagir avec les pages web.
Déclarations d'accessibilité
Notre site est conforme aux WCAG 2.2.
Technologies serveur
Joomla fonctionne avec PHP.
Termes web généraux
Le W3C développe les standards du web.
Dans chaque cas, l'abréviation reste propre et lisible tout en apportant un contexte supplémentaire.
Bonnes pratiques
- Utiliser
<abbr>la première fois qu'une abréviation apparaît dans votre contenu. - Toujours saisir une forme développée pertinente dans l'attribut
title. - Ne pas l'utiliser uniquement comme infobulle — elle doit représenter une véritable abréviation.
- Garder une rédaction naturelle. Le balisage améliore la clarté sans alourdir le texte.
Pour conclure
Les nouveaux boutons d'abréviation de Joomla 6.1 illustrent parfaitement comment de petits outils éditoriaux peuvent avoir un impact significatif.
Ils favorisent un meilleur HTML sémantique, améliorent l'accessibilité et contribuent à rendre votre contenu compréhensible par le plus large public possible.
Parfois, les améliorations d'accessibilité sont complexes. Celle-ci n'est qu'à un clic.
Commencez à l'utiliser dans votre prochain article et contribuez à rendre le web plus clair pour tous.