Vito Disimino ha studiato a lungo la questione dell'accessibilità dei siti web, ha sperimentato in prima persona e ha avuto il ruolo di consulente su progetti di successo riguardanti siti web accessibili che sono stati implementati in italia. Non a caso segue passo passo lo sviluppo di questo sito e ci indirizza con osservazioni e buoni consigli.

"Un sito accessibile non è un lavoro fatto una volta per tutte", è l'ammonimento con cui introduce sempre il tema, "al contrario è un work in progress, un aggiustamento continuo che richiede uno sforzo di immedesimazione su molti livelli. Per questo io dico sempre che un buon traguardo si raggiunge quando si riesce a pensare accessibile, per prendere in considerazione tutti i sensi che partecipano alla fruizione di un sito web: vista, tatto, udito."

Ecco un elenco di considerazioni sul sito joomlalombardia.org che possono essere pertinenti per ogni sito che voglia essere accessibile:

I possibili errori che riguardano i link sui simboli dei social nel footer

In questi casi abbiamo dei link che non hanno alcun elemento testuale ma solo un'icona. La regola WCAG dice:

2.4.4 Link Purpose (In Context) (Level A) : The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general.

In questi casi non è possibile inserire un "testo visibile" quindi è meglio inserire una aria-label="...txt...."
Le aria-label sono dei testi visti solo dagli SR (screen reader) quindi potremo inserire ad esempio rispettivamente :

e così via:
aria-label="Google+ Joomla Lombardia"
aria-label="Skype Joomla Lombardia"

Ancora su le "aria label"

Sempre in home page dobbiamo correttamente far capire sono i link dei vari box.
I cheker non danno segnalazioni tecniche (perchè vedono un testo associato al link!!) però guardando il sito con strumenti di solo testo si vede questo (in grassetto i link).

JWC 2017
[Image: banner JWC message]
Leggi l'articolo
SMAU ICT 2017
[Image: banner smau]
download
DIGITALmeet
[Image: digital meet news]
Leggi l'articolo
Calendario corsi
[Image: calendario corsi, appuntamenti ed eventi]
Iscriviti qui!

Offerta formativa
[Image: offerta formativa Joomla Lombardia]
Scopri di più

Ultime notizie
[Image: Joomlalombardia notizie]
Scopri di più

Gli SR hanno delle opzioni per leggere solo i link e leggerebbero:
Leggi l'articolo, download, Leggi l'articolo, Iscriviti qui, Scopri di più e Scopri di più
Le clausole Title non sono viste dagli SR

Le WCAG dicono
2.4.4 Link Purpose (In Context) (Level A) : The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general.

Quindi dove è possibile sarebbe opportuno inserire nel testo qualcosa di meglio. Ad esempio:
Leggi l'articolo sul JWC oppure Leggi l'articolo su DIGITALMeet, Iscriviti ai nostri corsi, ....

Se poi riteniamo che non è bello da vedersi (anche solamente per motivi grafici quindi senza cercare altre motivazioni più o meno filosofiche), anche in questo caso potremo aggiungere aria-label con un testo opportuno.

Il problema potrebbe essere il "read more" nelle pagine blog (che non mi sembra questo caso)
Io aggiungo sempre parte del titolo nel link in modo da differnenziarli utilizzando delle opzioni di Joomla.

Sui menù nescosti leggebili dai dispositivi SR = screen reader

Il template aveva un menu nascosto che si attivava solo con il tabulatore.
Di solito in questo menu sono messe 2/3 voci per far saltare le cose ripetitive su tutte le pagine.

Probabilmente, come ho fatto io la prima volta, è stato disattivato.
Bisogna riattivalo e definire dove deve saltare ogni voce che inseriamo.

Di solito le voci di questo menu puntano alle "ancor" della pagine.
In Joomla possiamo utilizzare le i posizioni dei moduli

Sulla scrittura degli articoli

Facendo un po' di analisi ho trovato delle "imperfezioni" che possono essere corrette con pochissimo sforzo.
Cercherò, con queste mie segnalazioni, man mano che le individuo, di fornirvi alcune indicazioni per evitare gli stessi errori in futuro.

Dimensione font fisso

In un articolo ho trovato la definizione fissa di un font : questa cosa non va mai fatta!! Utilizzandola, per questo testo, non funzionano più le funzioni di aumento/diminuzione del carattere utilizzate dagli ipovendenti.

Ho fatto la sostituzione con che ha, nel caso specifico, lo stesso effetto.
La regola è non usare mai font-size con valori fissi ma sempre con l'annotazione relativa

Giustificazione testo

Per noi che usiamo linguaggi LTR (da sinista a destra), il testo va sempre allineato a sx, in questo modo, ad esempio i dislessici, sono aiutati dal bordo DX "frastagliato" a non perdere la riga successiva

Elenchi

Dove possibile utilizzare elenti puntati e/o numerati anzichè del testo formattato manualmente.

ES. per il seguente

· ore 9.00 - Accoglienza

· ore 9.30 - Inizio assemblea

· ore 11.30 - Chiusura lavori

e meglio;

ore 9.00 - Accoglienza

ore 9.30 - Inizio assemblea

ore 11.30 - Chiusura lavori

Gli screen reader riconoscono gli elementi base HTML e li "leggono" in maniera diversa.