Come aggiungere un ridimensionatore di font in WordPress per l'accessibilità

Abbiamo appreso che i migliori siti web sono quelli che si adattano ai loro utenti, non viceversa. Uno dei modi più efficaci per farlo è aggiungere un ridimensionatore di font che consenta ai visitatori di regolare la dimensione del testo in base al proprio livello di comfort.

L'accessibilità dei font avvantaggia tutti: dagli utenti con disabilità visive alle persone che leggono su dispositivi diversi o in varie condizioni di illuminazione.

Quando i visitatori possono personalizzare facilmente la dimensione del testo, rimangono più a lungo, leggono di più e sono più propensi a interagire con i tuoi contenuti e ad agire sul tuo sito.

In questa guida, ti mostreremo esattamente come aggiungere un ridimensionatore di font al tuo sito WordPress. Abbiamo testato diversi metodi e plugin per trovare le opzioni più affidabili che funzionano con qualsiasi tema e non rallentano il tuo sito web.

Perché è importante aggiungere testo ridimensionabile al tuo sito web? 🤔

Se la dimensione del font è troppo piccola sul tuo sito web, le persone avranno difficoltà a leggere i tuoi articoli e alla fine abbandoneranno il tuo sito.

Un modo semplice per migliorare la leggibilità è offrire ai visitatori l'opzione di ridimensionare il testo principale sul tuo sito web. Ciò consente agli utenti di regolare la dimensione del testo secondo le proprie preferenze e di trascorrere più tempo sul tuo sito.

Anche se puoi usare la funzione di zoom integrata nel browser premendo i tasti ‘CTRL e +’, questo aumenta le dimensioni di ogni elemento di progettazione WordPress nella pagina, non solo il testo. Questo potrebbe compromettere il layout del sito web e non offrire una buona esperienza utente.

Detto questo, vediamo come puoi aggiungere facilmente testo ridimensionabile per i tuoi visitatori in WordPress. Puoi usare i collegamenti rapidi qui sotto per saltare a un metodo specifico:

• Metodo 1: Aggiungi ridimensionatore di font WordPress con plugin e codice
• Metodo 2: Usa il plugin per l'accessibilità di WordPress
• Rendi il tuo sito WordPress ancora più facile da usare con questi suggerimenti
• Tutorial video

Metodo 1: Aggiungi ridimensionatore di font WordPress con plugin e codice

Un modo semplice per consentire agli utenti di modificare la dimensione del testo sul tuo sito web è utilizzare un plugin per il ridimensionamento dei font di accessibilità di WordPress come Accessibility Widget.

È un plugin gratuito per WordPress che ti consente di aggiungere un'opzione alla barra laterale del tuo sito per modificare la dimensione del testo. Il plugin è leggero e molto facile da usare.

La prima cosa da fare è installare e attivare il plugin Accessibility Widget sul tuo sito web. Se hai bisogno di aiuto, consulta la nostra guida su come installare un plugin WordPress.

Dopo l'attivazione, vai semplicemente su Aspetto » Widget dal pannello di amministrazione di WordPress. Successivamente, puoi fare clic sul pulsante '+' e aggiungere il blocco 'Widget Accessibilità' alla tua barra laterale.

Dopodiché, puoi inserire un titolo per il widget, come 'Cambia dimensione testo' o 'Ridimensiona testo'.

Successivamente, devi selezionare quali elementi HTML o classi CSS saranno interessati dal widget. Le opzioni predefinite sono body, paragraph, list items e table cells. Queste opzioni dovrebbero funzionare per la maggior parte dei siti web.

Il widget consente fino a quattro opzioni di ridimensionamento. Le opzioni predefinite sono 90%, 100%, 110% e 120%. Puoi aumentare o diminuire le dimensioni dei caratteri inserendo le cifre nel campo 'Imposta a queste dimensioni'.

L'ultima impostazione del widget è il testo del controller, e questo è il testo che gli utenti vedranno. Puoi mantenere le percentuali predefinite per la dimensione del testo o utilizzare una lettera per mostrare diverse dimensioni dei caratteri.

Una volta terminato, fai semplicemente clic sul pulsante 'Aggiorna' per salvare le impostazioni del tuo widget.

Ora puoi visitare il tuo sito web per vedere il widget in azione. Questo è come il widget dovrebbe apparire nella barra laterale del tuo sito web:

Se ritieni che il testo del controller non sia evidente, puoi cambiarlo usando il CSS.

Per fare ciò, vai semplicemente alla tua bacheca di WordPress e seleziona Aspetto » Personalizza.

Ora dovresti vedere alcune opzioni per personalizzare il tuo tema classico.

Qui, seleziona ‘CSS aggiuntivo.’

Ora puoi aggiungere del codice CSS per stilizzare il widget.

Ecco cosa abbiamo aggiunto:

.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}

Questo CSS aggiungerà un bordo attorno al testo del controller, lo renderà in grassetto e aggiungerà un po' di spaziatura. Una volta che sei soddisfatto di come appare il widget, fai semplicemente clic su ‘Pubblica.’

Per maggiori dettagli, consulta la nostra guida su come aggiungere CSS personalizzato in WordPress.

Metodo 2: Usa il plugin per l'accessibilità di WordPress

Un altro modo semplice per consentire agli utenti di ridimensionare il testo sul tuo sito web è utilizzare WP Accessibility. Questo plugin ti consente di aggiungere una barra degli strumenti al tuo sito per modificare la dimensione del testo, indipendentemente dal tema che stai utilizzando.

La prima cosa che devi fare è installare e attivare il plugin WP Accessibility sul tuo sito web. Puoi consultare la nostra guida su come installare un plugin di WordPress se hai bisogno di aiuto.

Dopo l'attivazione, vai semplicemente alla pagina WP Accessibility dal pannello di amministrazione di WordPress.

Nella sezione ‘Barra degli strumenti di accessibilità’, fai clic sull'opzione ‘Abilita barra degli strumenti di accessibilità’ e seleziona ‘Dimensione carattere’. Questo aggiungerà un ridimensionatore di font alla barra degli strumenti.

Se necessario, puoi anche abilitare le opzioni Contrasto e Scala di grigi.

Inoltre, puoi modificare la dimensione del carattere del contenuto quando fai clic sulla barra degli strumenti. Puoi anche selezionare semplicemente ‘Dimensione predefinita’ nel menu a discesa se non sei sicuro di cosa scegliere.

Oltre a ciò, consigliamo di abilitare l'opzione ‘Usa foglio di stile alternativo per il ridimensionamento dei caratteri’. Quando questa opzione è abilitata, gli utenti possono passare facilmente tra le dimensioni predefinite dei caratteri e una versione più grande e leggibile del testo.

Sentiti libero di abilitare altre impostazioni nel plugin.

Una volta fatto, fai semplicemente clic sul pulsante ‘Aggiorna impostazioni barra strumenti’.

Ecco fatto!

Ecco come appare la nostra barra degli strumenti per il ridimensionamento dei caratteri sul front-end:

Per ulteriori informazioni, puoi leggere la nostra guida su come migliorare l'accessibilità del tuo sito WordPress.

Rendi il tuo sito WordPress ancora più facile da usare con questi suggerimenti

Vuoi rendere il tuo sito più facile da usare e dall'aspetto fantastico? Dai un'occhiata a queste guide utili:

• Come aggiungere la navigazione da tastiera con tasti freccia in WordPress – Rendi più facile per le persone navigare nel tuo sito.
• Come personalizzare i colori sul tuo sito web WordPress – Scegli i colori giusti per rendere il tuo sito bello e facile da leggere.
• Come aggiungere un'animazione di precaricamento a WordPress (passo dopo passo) – Aggiungi una fantastica schermata di caricamento al tuo sito.
• Come aggiungere facilmente la modalità scura al tuo sito WordPress – Permetti agli utenti di passare a un tema più scuro se lo preferiscono.
• Modi per creare un sito WordPress ottimizzato per dispositivi mobili – Assicurati che il tuo sito funzioni bene su telefoni e tablet.
• Come ottenere feedback sul design del sito web in WordPress (passo dopo passo) – Scopri come chiedere alle persone cosa pensano del design del tuo sito.
• Come evidenziare il testo in WordPress (Guida per principianti) – Impara a far risaltare le parole importanti nelle tue pagine.

Tutorial video

Speriamo che questo articolo ti abbia aiutato ad aggiungere testo ridimensionabile al tuo sito WordPress. Potresti anche voler dare un'occhiata alle nostre scelte esperte dei migliori page builder drag-and-drop per WordPress e alla nostra guida completa agli aggiornamenti dei temi WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.