Ognuno ha le proprie preferenze ed esigenze e Joomla si prende cura di tutte.

Oltre a tutte le misure adottate nel nucleo per fornire uno strumento di creazione accessibile, ci sono componenti aggiuntivi in ​​Joomla che possono semplificarti la vita e far sentire i tuoi utenti e clienti più a loro agio. 

Queste aggiunte possono essere utili, ma tieni presente che non rendono un sito accessibile da sole!

Backend: impostazioni di accessibilità individuali

In Joomla 4 è possibile modificare le impostazioni per il backend in base all'utente: ogni utente può adattare il backend alle proprie esigenze.Le impostazioni di accessibilità si trovano sotto il profilo utente (Utenti -> Gestisci) e nel menu utente nell'angolo in alto a destra del tuo backend.

 

Ci sono quattro diverse impostazioni che possono essere utilizzate singolarmente o in combinazione.Monochrome cambierà i colori del backend da blu a bianco/nero:

Contrasto elevato rimuoverà parte dello sfondo e renderà il contrasto più luminoso:

 

Highlight Links aggiunge sottolineature e bordi a tutti i link nel back-end:

Aumenta la dimensione del carattere cambia la dimensione del carattere di base a 18px (la dimensione del carattere standard nei browser è per lo più 16px).

Per gli utenti: plug-in Skip-to-navigation

Questo plugin è abilitato per impostazione predefinita per il backend, ma può essere abilitato anche per il frontend.

 

Aiuta gli utenti della tastiera a passare direttamente a una regione del sito. 

Per gli utenti: plug-in di accessibilità

Le impostazioni di accessibilità sono utili per adattare il backend per ogni singolo utente del backend, ma è anche possibile offrire funzionalità di accessibilità per i visitatori della tua pagina.Il plugin “Additional Accessibility Features” può essere attivato per backend, frontend o entrambi: 

 

Il plugin aggiunge un pulsante in fondo alla pagina, per aprire/chiudere le funzioni è possibile utilizzare un tasto di scelta rapida, CTRL+ALT+A su Windows o CTRL+OPZIONE+A su MacOS.

 

Con il plugin l'utente può aumentare o diminuire la dimensione del carattere e aumentare o diminuire la spaziatura del testo per migliorare la leggibilità del contenuto.

L'utente può anche invertire i colori della pagina, aggiungere sottolineature a tutti i collegamenti, ingrandire il cursore, attivare una guida alla lettura e anche convertire il testo in parlato.

SchermataFirefox

 

C'è una funzione per cambiare le tonalità di grigio della pagina, che può essere utilizzata in Edge o Chrome, ma è disattivata in Firefox.

Schermata Bordo

 

Per alcune funzioni ci sono tasti di scelta rapida speciali:

Modulo o funzione	tasto di scelta rapida
Cambia menu	CTRL+ALT+A
Tonalità grigie	CTRL+ALT+G
Sottolineare i collegamenti	CTRL+ALT+U
Grande cursore	CTRL+ALT+C
Guida alla lettura	CTRL+ALT+R
Sintesi vocale	CTRL+ALT+T
Discorso al testo	CTRL+ALT+S

Schermata Pagina dimostrativa di Cassiopeia con guida alla lettura attivata

 

Il plug-in Funzionalità aggiuntive di accessibilità non risolve alcun problema di accessibilità che il tuo sito può avere.Il sito Web deve essere costruito correttamente per l'accessibilità fin dall'inizio.

Le persone con disabilità utilizzano strumenti specializzati (screen reader, lenti di ingrandimento dello schermo, goffratori braille, ecc.) e probabilmente non utilizzeranno il plug-in, ma può migliorare l'usabilità per gli anziani, le persone con disabilità visive, le persone con problemi cognitivi ms. Ad esempio, una persona non vedente utilizzerà uno screen reader e non l'opzione per convertire il testo in parlato, ma questa è un'ottima soluzione per gli anziani, per le persone che hanno difficoltà di concentrazione e anche per coloro che hanno problemi di lettura temporanei.

L'ingrandimento del testo è molto utile per molti anziani e persone con problemi di vista, che spesso non conoscono le possibilità del browser e amano utilizzare tali strumenti.

La versione contrasto non sostituirà i contrasti corretti sul sito Web. Ma può essere utile per le persone che hanno una vista debole o per le persone che navigano nel sito, ad esempio in un luogo soleggiato.

Le WCAG non richiedono che i collegamenti siano sottolineati (devono essere evidenziati), ma i collegamenti sottolineati possono migliorare l'accessibilità per le persone ipovedenti o con difficoltà di concentrazione.

Per gli utenti: lingua delle parti in TinyMCE

Che cos'è?

Un tag che contrassegna una parte di un testo come "altra lingua". È utile per i motori di ricerca o gli screen reader in modo che sappiano che devono cambiare lingua o pronuncia. Immagina che uno screen reader usi la pronuncia inglese per una frase come "honni soit qui mal y pense" - suona strano!

Come configurare?

Nel plugin TinyMCE puoi definire le lingue che stai utilizzando nei tuoi testi. 

 

Se vuoi semplificare le cose per gli editor, sposta l'icona della lingua sulle icone consentite per i tuoi editor, altrimenti devono selezionare una lingua con il pulsante del formato e scorrere verso il basso.

Come usarlo nell'editor?

Scrivi il tuo articolo e salvalo, quindi contrassegna le parti in un'altra lingua, fai clic sull'icona del mondo o sul menu a discesa del formato e seleziona la lingua di questa parte.

 

Ora questa parte del testo è contrassegnata come tedesco, lo screen reader cambierà la pronuncia di conseguenza e anche i motori di ricerca capiranno il tuo testo.

Per autori ed editori: Accessibility Checker - jooa11y 

Ricorda questo articolo di Brian Teeman che annuncia un nuovo ed entusiasmante miglioramento di Joomla: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Ora ce l'abbiamo a bordo! 

Questo plugin aiuta a fornire contenuti accessibili sul tuo sito web.

Dove puoi trovarlo?

È un plug-in di sistema, il suo nome è jooa11y.Hai questo plug-in con Joomla versione 4.1.0, è abilitato per impostazione predefinita. 

 

Nel plugin puoi definire quale area del tuo sito è spuntata (di default è l'area principale) e puoi includere o escludere alcune regole, per cominciare mantieni semplicemente le impostazioni predefinite.

Chi ne trae vantaggio?

I visitatori del tuo sito, perché ottengono contenuti privi di barriere.

Autori di contenuti sul tuo sito, perché possono produrre contenuti senza barriere.

Agenzie e sviluppatori web: hanno prodotti che consentono di fornire contenuti senza barriere

Come usarlo?

Scrivi qualsiasi articolo e salva o apri qualsiasi articolo esistente. 

Attiva il pulsante “Controllo accessibilità” nella barra degli strumenti e subito il verificatore di accessibilità indicherà in una finestra di anteprima se ci sono violazioni delle regole note. 

Nota: proprio come un correttore ortografico o grammaticale, questo è uno strumento, esegue controlli automatici. Non può trovare violazioni rispetto a regole che non sono specificate nel programma e può contrassegnare violazioni volute e corrette nel contesto di un articolo. È sempre sotto la tua responsabilità.

Come funziona?

Ricordi sicuramente la famosa regola "Il contrasto del colore del testo e del colore di sfondo deve avere un rapporto di contrasto > 4,5"?

Il plug-in controlla questa regola e molte altre una per una e ogni violazione di una regola attiva un errore e verrà contrassegnata con un'icona nell'anteprima.

Puoi definire quale area del tuo sito viene controllata (nei parametri del plugin, il default è l'area principale) e puoi includere o escludere alcune regole. 

Mentre alcune regole sono ben definite e sono sicuramente errori, altre regole sono violazioni delle buone pratiche.Sono avvertimenti e puoi decidere tu stesso se questo è ok e previsto nel tuo contesto o se devi risolverlo. 

Dietro ogni icona puoi trovare una descrizione e talvolta consigli su come risolvere il problema o qual è la migliore pratica.

 

In basso a destra l'icona a forma di scacchiera fornisce le prime informazioni. Mostra il numero di problemi se sono stati rilevati. Facendo clic sul pulsante si alternano informazioni dettagliate nel testo.

Andiamo passo dopo passo: 

La pedina è stata trovata

• Errori di contrasto in due punti: questi sono errori.
• Un collegamento che ha target=_blank. Questo può essere corretto e voluto, ma in generale non è una buona pratica e quindi viene visualizzato un avviso. 
• Un'immagine senza testo alternativo: questo è un errore. 

Osservazioni

Tutte le impostazioni e i plug-in presentati qui non risolvono alcun problema di accessibilità sul tuo sito. Per rendere accessibile un sito web hai bisogno di una struttura HTML semantica corretta e di un buon CSS. Il core di Joomla ti aiuta con strutture accessibili nelle diverse viste, come etichette corrette e campi di input nei moduli. 

Se stai utilizzando un modello di terze parti, dovresti essere consapevole delle sostituzioni che modificano la struttura originale delle visualizzazioni. Un bel modello può compromettere l'accessibilità di un sito, se il contrasto dei colori non è buono o se gli elementi non sono raggiungibili dalla tastiera. L'accessibilità ha molte sfaccettature e i plug-in sono solo un aiuto per i visitatori che utilizzano il tuo sito Web in un modo diverso come potresti fare tu.

Margini di miglioramento

Joomla è sempre "work in progress" e i plug-in discussi qui sono ancora in evoluzione. Nel prossimo Google Summer of Code abbiamo incluso un progetto di accessibilità che dovrebbe migliorare il plug-in di accessibilità. Rimani sintonizzato e pensa in modo accessibile!

Grazie

Questo articolo è una coproduzione con Christiane Maier-Stadtherr Controlla questo link per altri articoli di Christiane .

Ringraziamo Stefan Wajda per i suoi utili commenti.