Piazzale Italia

Ciao Andrea,

mi sono preso la libertà di effettuare una verifica tecnica del tema e-socrates secondo i requisiti tecnici dell’Allegato A del Decreto Ministeriale 8 luglio 2005 (Legge 4/2004). Nella verifica tecnica del tema e-Socrates sono stati riscontrati alcuni problemi che rendono il tema non conforme alla normativa italiana sull’accessibilità. I problemi non sono tali da pregiudicare la piena fruizione di un corso che utilizza questo tema da parte di un disabile, ma se lo ritieni opportuno ti suggerisco di correggerli.

Iniziamo con il dire che il CSS del tema non è valido e sono presenti tre errori abbastanza veniali, ma che devono essere corretti per poter considerare il foglio di stile conforme alla normativa italiana (requisito 1). Per poter effettuare la validazione del foglio di stile puoi utilizzare il CSS Validation Service del W3C.

La dimensione del testo definita per body deve essere dichiarata in percentuale (%) e non in em (solo in body) in quanto, a causa di un noto bug di Microsoft Internet Explorer 6 e precedenti, il ridimensionamento del carattere potrebbe risultare eccessivamente grande o piccolo e quindi rendere la lettura poco agevole. Inoltre l’attuale dimensione di base del carattere è troppo piccola, pertanto per evitare difficoltà di lettura agli utenti ipovedenti si consiglia di ripristinarne il valore predefinito: body{font-size:100%} (requisito 12).

Nel caso del testo non viene sempre garantito un sufficiente contrasto tra il contenuto informativo e lo sfondo (requisito 6). Di seguito vengono elencate le coppie di colori che non hanno superato il test sul contrasto e quindi andranno fatte alcune modifiche per permettere anche agli utenti ipovedenti o con difficoltà nella percezione dei colori di poter fruire correttamente di tutti i contenuti informativi (il valore di soglia della differenza di colore è 500, quello della differenza di luminosità è 125).

• Link (a:link)
  Primo piano:#3D5C79 Sfondo:#FCFCFC
  Differenza di colore:482
• Testata (#header, #header-home)
  Primo piano:#FFFFFF Sfondo:#3D5C79
  Differenza di colore:491
• Briciole di pane (.navbar)
  Primo piano:#EFC63D Sfondo:#7590AE
  Differenza di colore:289
  Differenza di luminosità:55
• Link nelle briciole di pane (.navbar a)
  Primo piano:#FFFFFF Sfondo:#7590AE
  Differenza di colore:330
  Differenza di luminosità:116

Per poter effettuare tale verifica è possibile utilizzare dei software appositi, come ad esempio il Contrast Color Analyzer, in grado di verificare se le combinazioni di colori utilizzate rispettano le soglie previste dalla Legge 4/2004. Inoltre dov’è stato specificato un colore di primo piano è sempre necessario specificare anche un colore di sfondo e viceversa, in quanto l’utente potrebbe aver modificato le impostazioni del proprio sistema operativo con il risultato che alcuni contenuti potrebbero risultare illeggibili e poco contrastati.

Infine si dovrebbero mostrare i diversi stati del link (almeno visited e hover) e i collegamenti ipertestuali dovrebbero essere differenziati dal normale testo non solo dal diverso colore ma anche dalla "classica" sottolineatura (requisito 4). L’antica convenzione di sottolineare i link può essere trasgredita solo nei casi in cui è evidente che si tratti di collegamenti ipertestuali, come ad esempio nei blocchi laterali.

Spero di esserti stato utile.

Buona serata
Gianluca Affinito