Typo3 accessibilità Web, progettare Sito senza barriere

Questa piccola guida sull'accessibilità di Typo 3 è dedicata a tutti coloro che vorrebbero creare un Sito Web accessibile a norma per i disabili, diciamo "senza barriere virtuali"

Typo 3 è senza eccezione uno di quei CMS che non offre istantaneamente e direttamente quella possibilità di creare un Portale Web senza barriere.
Nonostante tutto abbiamo tramite Typo3 la possibilità di creare un Sito Web accessibile che rispettino  quegli standards stabiliti del WAI Livello A sino al WAI Livello AA.

Questo vale sopprattutto per la versione di Typo3 nuova, che parte dalla 4.0. In questa versione si ha fatto molta attenzione nel migliorare l'accessibilità cosidetta "accessibility" e gli altri aspetti molto importanti per superare le barriere virtuali per i disabili.
Per maggiori informazioni sull'accessibilità nel WEB per i disabili vi mando al Sito della regione dell'Emilia Romagna, dove hanno esposto una guida molto dettagliata con informazioni, strumenti ed esempi pratici su un mondo virtuale senza barriere: Web senza barriere

Vediamo come realizzare il sito di Typo 3 a norma dell'accessibilità web.
La parte del CMS di Typo 3 senza barriere, viene definita direttamente nel template, più precisamente viene programmata. Vi sono molte modalità differenti per impostare un Template in Typo3. Spesso vengono usati un misto tra linguaggi di HTML e Typo Script. Typo Script possiamo definirlo come un linguaggio di programmazione che manovra l'engine del sistema.

Vediamo passo per passo in questa breve guida come creare un portale in Typo 3 accessibile e senza barriere virtuali:

• Configurazione dell XHTML del documento
• Configurazione dell' RTE il cosidetto Rich Text Editor cosi da dare agli autori la possibilità di creare codici validi
• Accessibile navigazione del Sito WEB ( Setup di Typo3 per il menu di navigazione)
• Riproduzione del contenuto del Sito con immagini posizionate fuori dalle tabelle e con gli attributi esatti per i titoli e le descrizioni
• Possibilità di scalare i caratteri di scrittura
• Formulari accessibili
• Tabelle del sito accessibili
  
  

Configurazione del XHTML / RTE per un Layout basato sul CSS del Sito in Typo3
I portali basati sull'accessibilità sono basate normalmente su un Layout in XHTML / CSS
Tramite XHTML viene incrementata particolarmente l'accessibilità del Sito. XHTML non è altro che una versione più adeguata del HTML, diciamo un altro passo in avanti per dividere il Layout dal contenuto del Sito. Dalla versione 3.6 è possibilie configurare Typo 3 per il "§strict XHTML"  e ciò avviene tramite la configurazione del doctype.
Tramite la Configurazione della Page TS si può essere sicuri, indipendentemente dal testo introdotto in futuro dagli autori, di riprodurre il codice esatto in un codice valido XHTML.

Accessibile navigazione del Sito WEB
Un modo semplice che Typo 3 propone per costruire una navigazione del sito accessibile è tramite le sue estensioni. Troverete nella repository parecchie EXT che genereranno automaticamente un menu accessibile. Cosi come l' EXT "Accessible Menue" del Signor Ernesto Baschny che genera chiavi automatiche per ogni elemento della navigazione. In unione con l'estensione "gov_accesskey" si lascia cosi creare nel modo più semplice un menu di navigazione che rispettino le norme per i disabili.

Riproduzione del Testo delle immagini fuori dalle tabelle.
La riproduzione delle immagini nell'installazione standard di typo 3, avviene con l'aiuto di tabelle. Ciò é inaccettabile per un portale in Typo3 accessibile. Aiuto qui ve lo propone l'estensione "css_styled_IMGTXT" che vi da oltretutto per esempio la possibilità di riprodurre le immagine in liste.

Possibilità di scalare i caratteri di testo in diverse grandezze.
Il modo migliore per offrire la possibilità di rimpicciolire o ingrandire i testi del vostro sito, è lavorare direttamente sul CSS (Stylesheets) del Sito. Qui bisogna impostare la grandezza delle "fonts" in grandezza relative usando per esempio non la grandezza assoluta in "px" ma definirla tramite le parole chiavi "small, x-small, etc... Oppure avete anche la possibilità di definire le scritte relativamente in percentuale (%). In questo modo sarete sicuri che tutti i Brownser,Internet Explorer compreso) possano sovvrascrivere questi valori.
In questo modo il visitatore del vostro sito ha la possibilità tramite le opzione del proprio Brownser di impostare a piacere la grandezza della scrittura del vostro sito in Typo3.

In caso, uguale per quale motivo, vi decidiate che per esempio la navigazione sinistra o destra del vostro sito debba avere esattamente la grandezza di 300px, allora non potete servirvi di questa "impostazione". La soluzione è quella di generare al visitatore un formulario dove può scegliere quale grandezza della scrittura usare. A seconda della scelta, viene ricaricata la pagina usando poi un documento diverso di CSS dove vengono riportate le grandezze desiderate dei testi della pagina web.  
Un esempio pratico nel template di typo 3 potrebbe essere quanto segue:

page.stylesheet = fileadmin/css/css-base.css
[globalVar = GP:style = b]
page.stylesheet = fileadmin/css/css-piccolo.css
[globalVar = GP:style = c]
page.stylesheet = fileadmin/css/css-grande.css
[global]


Tabelle e formulari accessibili
Le tabelle e il "Web senza barriere" non presentano, come spesso si pensi o venga detto, contraddizioni. È possibile costruire siti web senza barriere anche usufruendosi delle tabelle, basta che vengano usate adeguatamente. Le tabelle vengono spesso usate per la realizzazione del Layout del sito stesso. Ciò rende parzialmente impossibile la lettura del sito tramite gli Screenreader. Con l'uso dell'estensione "accessible tables" avrete la possibilità di far uso delle tabelle nel vostro Sito in Typo3 che rispettino le esigenze dei disabili.
In caso lavoriate ancora con una versione più vecchia della 4.0 allora dovrete effettuare qualche cambiamento manuale ai formulari. Elementi come i Fieldset per i bottoni del "Radio" necessitano elementi "leggende" e i Label -Tags per i campi dell'immissione dei testi.
 
Piccolo pensiero per concludere
Personalmente, in caso abbiate un sito a cui tenete e con molte informazioni utili, uguale se costruito con il CMS di Typo3 o usando un semplice documento di html, il mio consiglio è di offrire questo piccolo servizio ai disabili. Impostate il vostro Sito Web a norme adeguate di accessibilità. Il numero di disabili in rete è molto alto ed è conitnuamente in incremento. Un Sito Web senza barriere, viene raggiunto quasi dal doppio degli utenti. Diamo a tutti la possibilità di raggiungere le informazioni ricercate.

Copyright: CMS Typo3 Web senza barriere Quattrossa Typo3