Nieuwe Abbr-knoppen in TinyMCE voor Afko's
Met Joomla 6.1 is een kleine maar krachtige verbetering toegevoegd aan de TinyMCE-editor: speciale knoppen voor het invoegen, bewerken en verwijderen van het HTML <abbr>-element.
Deze nieuwe functie maakt het eenvoudig voor auteurs om afkortingen en acroniemen correct te markeren zonder HTML-code aan te raken. Het is een kleine verandering die een groot verschil kan maken voor duidelijkheid, toegankelijkheid en professionaliteit.
Wat is het <abbr>-element?
Het HTML <abbr>-element wordt gebruikt om een afkorting of acroniem weer te geven. Hiermee kun je de volledige betekenis van een verkorte term tonen via het title-attribuut.
Bijvoorbeeld:
<abbr title="World Wide Web">WWW</abbr>
In de meeste browsers kunnen gebruikers met de muis over de afkorting bewegen om de volledige betekenis in een tooltip te zien. Belangrijker nog: ondersteunende technologieën zoals schermlezers kunnen deze uitgebreide vorm ook gebruiken, waardoor gebruikers de inhoud beter begrijpen.
Dit is semantische HTML — het voegt betekenis toe, niet alleen opmaak.
Waarom het gebruik van <abbr> de toegankelijkheid verbetert
Toegankelijkheid draait om het begrijpelijk maken van content voor iedereen. Afkortingen kunnen onnodige barrières vormen als hun betekenis niet duidelijk is.
Duidelijkheid voor alle lezers
Niet iedereen weet waar “WCAG”, “HTML” of “CSS” voor staan. Door de betekenis toe te voegen, hoeft niemand te raden.
Betere ondersteuning voor schermlezers
Wanneer correct gemarkeerd, kunnen ondersteunende technologieën de volledige betekenis uitspreken in plaats van losse letters.
Verbeterde semantische structuur
Het gebruik van de juiste HTML-elementen geeft betekenis door aan browsers, zoekmachines en toegankelijkheidstools.
Kortom: deze kleine knop helpt je content inclusiever te maken.
Hoe gebruik je de nieuwe Abbr-knoppen in TinyMCE
Gebruik je een schone installatie van Joomla 6.1, dan staan de nieuwe abbr-knoppen al in je TinyMCE-toolbar. Heb je geüpdatet naar Joomla 6.1, dan moet je ze nog toevoegen via de TinyMCE-plugineditor, door de nieuwe iconen naar je toolbar te slepen of door de Advanced Preset te gebruiken.
Configuratie van TinyMCE: abbr-knoppen toevoegen
Stap 1: Selecteer de afkorting
Open je artikel in de Joomla-editor en markeer de afkorting die je wilt toevoegen.
Stap 2: Klik op de knop ‘Afkorting invoegen/bewerken’
Klik op het nieuwe Abbreviation-icoon in de TinyMCE-toolbar.
Stap 3: Voer de volledige betekenis in
Er verschijnt een dialoogvenster. Vul hier de volledige betekenis van de afkorting in.
Stap 4: Controleer de gegenereerde code (optioneel)
Als je naar de codeweergave schakelt, zie je dat TinyMCE nette, semantische markup genereert:
<abbr title="World Wide Web">WWW</abbr>
Bekijk je het artikel op je website, dan zie je basisopmaak, verandert de cursor in een help-icoon en verschijnt de volledige betekenis in een tooltip.
Een afkorting verwijderen
Om de markup te verwijderen, selecteer je de afkorting en klik je op de knop ‘Afkorting verwijderen’. De tekst blijft staan, maar de semantische markup wordt verwijderd.
Praktijkvoorbeelden
Technische documentatie
De DOM stelt JavaScript in staat om met webpagina’s te interacteren.
Toegankelijkheidsverklaringen
Onze site voldoet aan WCAG 2.2.
Servertechnologieën
Joomla draait op PHP.
Algemene webtermen
De W3C ontwikkelt webstandaarden.
In elk geval blijft de afkorting duidelijk leesbaar, terwijl er extra context beschikbaar is.
Best practices
-
Gebruik
<abbr>de eerste keer dat een afkorting voorkomt in je tekst -
Geef altijd een duidelijke betekenis in het title-attribuut
-
Gebruik het niet alleen voor tooltips — het moet een echte afkorting zijn
-
Houd je tekst natuurlijk; de markup voegt duidelijkheid toe zonder rommel
Tot slot
De nieuwe Abbreviation-knoppen of Afkortings-knoppen in Joomla 6.1 zijn een goed voorbeeld van hoe kleine redactionele tools een betekenisvolle impact kunnen hebben.
Ze stimuleren beter gebruik van semantische HTML, verbeteren de toegankelijkheid en zorgen ervoor dat je content begrijpelijk is voor een zo breed mogelijk publiek.
Sommige toegankelijkheidsverbeteringen zijn complex. Deze zit slechts één klik verwijderd. Gebruik het in je volgende artikel en help het web voor iedereen duidelijker te maken.