Come aggiungere testo ridimensionabile per i visitatori del sito in WordPress

Hai visto i pulsanti di ridimensionamento dei caratteri su alcuni siti popolari? Lo scopo di questi pulsanti è quello di fornire un modo più semplice per i visitatori ipovedenti di regolare le dimensioni dei caratteri senza interrompere il layout di un sito Web. Anche se puoi utilizzare la funzionalità di zoom integrata del browser premendo i tasti CTRL e +, aumenta le dimensioni di ogni elemento della pagina, non solo del testo. In questo articolo, ti mostreremo come aggiungere testo ridimensionabile per i visitatori del sito in WordPress.

Video Tutorial

Se il video non ti piace o hai bisogno di ulteriori istruzioni, continua a leggere.

La prima cosa che devi fare è installare e attivare il plugin Accessibility Widget sul tuo sito web. All'attivazione, basta andare su Aspetto »Widget e trascina / rilascia il widget di accessibilità in una barra laterale.

È possibile inserire un titolo per il widget. Successivamente è necessario selezionare quali elementi HTML o classi CSS saranno interessati dal widget. Le opzioni predefinite sono corpo, paragrafo, voci di elenco e celle di tabella. 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 del carattere qui. L'ultima impostazione del widget è il testo del controller. Questo è il testo che vedranno gli utenti. Di solito, la lettera A viene utilizzata per rappresentare l'opzione di ridimensionamento dei caratteri. Una volta che hai finito, fai clic sul pulsante Salva per salvare le impostazioni del widget.

Ora puoi visitare il tuo sito Web per vedere il widget in azione. Ecco come dovrebbe apparire il widget sul tuo sito ora:

Se ritieni che il testo del controller non sia evidente, puoi modificarlo utilizzando i CSS. Ad esempio, aggiungi questo codice CSS nel foglio di stile del tuo tema:

 .widget_accesstxt a border: 2px solid # 000; imbottitura: 2px; font-weight: bold;  

Questo CSS aggiungerà un bordo attorno al testo del controller, lo renderà grassetto e aggiungerà un po 'di padding.

Speriamo che questo articolo ti abbia aiutato ad aggiungere l'opzione di testo ridimensionabile nel tuo sito WordPress. Si consiglia inoltre di consultare la nostra guida su come migliorare l'accessibilità sul tuo sito WordPress.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi trovarci anche su Twitter e Google+.