User Documentation Con Joomla 6.1, è stato aggiunto un piccolo ma potente miglioramento all’editor TinyMCE: pulsanti dedicati per inserire, modificare ed eliminare l’elemento HTML <abbr>.
Questa nuova funzionalità consente agli autori di contrassegnare correttamente abbreviazioni e acronimi senza toccare il codice HTML. È un piccolo cambiamento che può fare una grande differenza in termini di chiarezza, accessibilità e professionalità.
Cos'è l'elemento <abbr>?
L'elemento HTML <abbr> viene utilizzato per rappresentare un'abbreviazione o un acronimo. Consente di fornire l'estensione completa di un termine abbreviato tramite l'attributo title.
Ad esempio:
<abbr title="World Wide Web">WWW</abbr>
Nella maggior parte dei browser, gli utenti possono passare il mouse sull'abbreviazione e vedere il significato completo in un tooltip. Cosa più importante, le tecnologie assistive come gli screen reader possono accedere a quella forma estesa, aiutando gli utenti a comprendere meglio i tuoi contenuti.
Questo è HTML semantico — aggiunge significato, non solo stile.
Perché usare <abbr> migliora l'accessibilità
L'accessibilità consiste nel rendere i contenuti comprensibili a tutti. Le abbreviazioni possono creare barriere inutili se il loro significato non è chiaro.
Chiarezza per tutti i lettori
Non tutti sanno cosa significhino “WCAG”, “HTML” o “CSS”. Fornire l'estensione garantisce che nessuno sia lasciato a indovinare.
Migliore supporto per gli screen reader
Quando contrassegnate correttamente, le tecnologie assistive possono annunciare il significato completo invece di leggere lettera per lettera.
Struttura semantica migliorata
L'utilizzo di elementi HTML appropriati comunica il significato ai browser, ai motori di ricerca e agli strumenti di accessibilità.
In breve: questo piccolo pulsante aiuta a rendere i tuoi contenuti più inclusivi.
Come usare i nuovi pulsanti abbr in TinyMCE
Se stai utilizzando un'installazione pulita di Joomla 6.1, i nuovi pulsanti abbr sono già presenti nella barra degli strumenti di TinyMCE. Se hai aggiornato a Joomla 6.1, dovrai aggiungerli nell'editor del plugin TinyMCE trascinando le due nuove icone nella barra degli strumenti oppure utilizzando il preset Avanzato.
Passo 1: seleziona l'abbreviazione
Apri il tuo articolo nell'editor di Joomla ed evidenzia l'abbreviazione che vuoi contrassegnare.
Passo 2: fai clic sul pulsante Inserisci/modifica abbreviazione
Fai clic sulla nuova icona Abbreviazione nella barra degli strumenti di TinyMCE.
Passo 3: inserisci il significato completo
Verrà visualizzata una finestra di dialogo. Inserisci l'estensione completa dell'abbreviazione nel campo fornito.
Passo 4: rivedi il markup generato (opzionale)
Se passi alla visualizzazione del codice, vedrai che TinyMCE ha generato un markup semantico pulito:
<abbr title="World Wide Web">WWW</abbr>
E se controlli l'articolo sul tuo sito vedrai una formattazione di base, il cursore che cambia in un puntatore di aiuto e il significato completo dell'abbreviazione in un popup title.
Eliminare un'abbreviazione
Per rimuovere il markup, seleziona l'abbreviazione e clicca sul pulsante Elimina abbreviazione. Il testo rimarrà, ma il markup semantico verrà rimosso.
Esempi reali
Documentazione tecnica
Il DOM consente a JavaScript di interagire con le pagine web.
Dichiarazioni di accessibilità
Il nostro sito è conforme alle WCAG 2.2.
Tecnologie server
Joomla funziona con PHP.
Termini web generali
Il W3C sviluppa gli standard web.
In ogni caso, l'abbreviazione rimane pulita e leggibile pur fornendo un contesto aggiuntivo.
Buone pratiche
- Usa
<abbr>la prima volta che un'abbreviazione appare nei tuoi contenuti. - Fornisci sempre un'espansione significativa nell'attributo
title. - Non usarlo esclusivamente per i tooltip: deve rappresentare una vera abbreviazione.
- Mantieni la scrittura naturale. Il markup migliora la chiarezza senza aggiungere confusione.
Considerazioni finali
I nuovi pulsanti Abbreviazione in Joomla 6.1 sono un perfetto esempio di come piccoli strumenti editoriali possano avere un impatto significativo.
Incoraggiano un HTML semantico migliore, migliorano l'accessibilità e aiutano a garantire che i tuoi contenuti siano comprensibili al pubblico più ampio possibile.
A volte i miglioramenti dell'accessibilità sono complessi. Questo è a portata di click.
Inizia a usarlo nel tuo prossimo articolo e aiuta a rendere il web più chiaro per tutti.