Met Joomla 6.1 is een kleine maar krachtige verbetering toegevoegd aan de TinyMCE-tekstverwerker: speciale knoppen voor het invoegen, bewerken en verwijderen van het HTML-element <abbr>.

Deze nieuwe functie maakt het voor auteurs eenvoudig 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-element <abbr> wordt gebruikt om een afkorting of acroniem weer te geven. Hiermee kunt u de volledige betekenis van een verkorte term opgeven met het title-attribuut.

Bijvoorbeeld:

<abbr title="World Wide Web">WWW</abbr>

In de meeste browsers kunnen gebruikers over de afkorting hoveren en de volledige betekenis in een tooltip zien. Nog belangrijker is dat ondersteunende technologieën, zoals schermlezers, toegang hebben tot die uitgebreide vorm, waardoor gebruikers uw inhoud beter kunnen begrijpen.

Dit is semantische HTML — het voegt betekenis toe, niet alleen opmaak.

Waarom het Gebruik van <abbr> de Toegankelijkheid Verbetert

Toegankelijkheid gaat erom inhoud voor iedereen begrijpelijk te maken. Afkortingen kunnen onnodige drempels opwerpen als hun betekenis onduidelijk is.

Duidelijkheid voor Alle Lezers

Niet iedereen weet waar “WCAG”, “HTML” of “CSS” voor staan. Door de uitleg te geven, hoeft niemand te gissen.

Betere Ondersteuning voor Schermlezers

Wanneer correct gemarkeerd, kunnen ondersteunende technologieën de volledige betekenis voorlezen in plaats van losse letters.

Verbeterde Semantische Structuur

Het gebruik van juiste HTML-elementen communiceert betekenis naar browsers, zoekmachines en toegankelijkheidstools.

Kortom: deze kleine knop helpt uw inhoud inclusiever te maken.

Hoe de Nieuwe Abbr-knoppen in TinyMCE te Gebruiken

Als u een schone installatie van Joomla 6.1 gebruikt, dan staan de nieuwe abbr-knoppen al op uw TinyMCE-werkbalk. Als u bent geüpgraded naar Joomla 6.1, dan moet u ze toevoegen in de TinyMCE plugin-tekstverwerker door ofwel de twee nieuwe pictogrammen naar uw werkbalk te slepen, ofwel door de Uitgebreide vooringestelde optie te gebruiken.

Configuring TinyMCE
De abbr-knoppen toevoegen aan uw TinyMCE-werkbalk

Stap 1: Selecteer de Afkorting

Open uw artikel in de Joomla-tekstverwerker en markeer de afkorting die u wilt markeren.

selecting the text
Selecteer de afkortingstekst die u wilt markeren

Stap 2: Klik op de Knop Invoegen/Bewerken Afkorting

Klik op het nieuwe pictogram Afkorting in de TinyMCE-werkbalk.

Stap 3: Vul de Volledige Betekenis In

Er verschijnt een dialoogvenster. Vul de volledige uitleg van de afkorting in het daarvoor bestemde veld in.

dialog window
Dialoogvenster Afkorting

Stap 4: Bekijk de Gegenereerde Markup (Optioneel)

Als u naar codeweergave schakelt, ziet u dat TinyMCE schone semantische markup heeft gegenereerd:

<abbr title="World Wide Web">WWW</abbr>
code view of markup
TinyMCE genereert automatisch correcte <abbr>-opmaak

En als u het artikel op uw website bekijkt, ziet u een eenvoudige opmaak, de cursor verandert in een help-aanwijzer en de volledige betekenis van de afkorting verschijnt in een title-pop-up.

frontend example
<abbr>-definitie zoals getoond op uw website

Een Afkorting Verwijderen

Om de opmaak te verwijderen, selecteert u de afkorting en klikt u op de knop Afkorting Verwijderen. De tekst blijft behouden, maar de semantische opmaak wordt verwijderd.

Praktijkvoorbeelden

Technische Documentatie

Het DOM zorgt ervoor dat JavaScript kan samenwerken met webpagina's.

Toegankelijkheidsverklaringen

Onze website voldoet aan WCAG 2.2.

Servertechnologieën

Joomla draait op PHP.

Algemene Webtermen

Het W3C ontwikkelt webstandaarden.

In elk geval blijft de afkorting helder en leesbaar, terwijl toch extra context wordt geboden.

Aanbevolen Werkwijzen

  • Gebruik <abbr> de eerste keer dat een afkorting in uw inhoud voorkomt.
  • Geef altijd een duidelijke uitleg in het title-attribuut.
  • Gebruik het niet puur voor tooltips — het moet een echte afkorting betreffen.
  • Houd uw schrijfstijl natuurlijk. De opmaak verbetert de duidelijkheid zonder onnodige rommel toe te voegen.

Tot Slot

De nieuwe Afkorting-knoppen in Joomla 6.1 zijn een perfect voorbeeld van hoe kleine redactionele hulpmiddelen een betekenisvolle impact kunnen hebben.

Ze bevorderen betere semantische HTML, verbeteren de toegankelijkheid en helpen ervoor te zorgen dat uw inhoud begrijpelijk is voor een zo breed mogelijk publiek.

Soms zijn toegankelijkheidsverbeteringen complex. Deze is slechts een klik verwijderd.

Begin ermee in uw volgende artikel en help het web duidelijker te maken voor iedereen.