Semplicemente

Continua la disamina dei 22 requisiti …alla mia maniera.

Scarica la versione aggiornata in formato PDF accessibile.

Dodici

• Devi fare in modo che il testo possa essere ridimensionato (ingrandito). Anche con Internet Explorer 6 e precedenti (menu Visualizza > Carattere).
• Quando il carattere è ingrandito non deve esserci sovrapposizione tra le diverse parti della pagina. Anche ridimensionando la finestra.
• Devi usare un layout liquido (elastico).

Una delle prime obiezioni che fu fatta a questo requisito fu che esso non indica la percentuale di ingrandimento del carattere e la risoluzione dello schermo minime con le quali testare la conformità. Ti propongo un quiz: perché considero stupida questa obiezione? Chi da la risposta esatta vince un aperitivo con il sottoscritto a Genova.

Tredici

Lo sapevo. CSS è per te così difficile da imparare che usi ancora le tabelle per il layout. Sei irrecuperabile. Per fortuna il legislatore ci ha pensato: se proprio vuoi usarle in modo improprio allora fallo, ma nelle tabelle di impaginazione non usare mai elementi e attributi propri delle tabelle dati: non scrivere mai immani scemenze come summary="tabella di layout", non inserire mai le celle di intestazione (th) e tanto meno gli attributi scope, id¹ , headers ecc.

Ma davvero usi ancora le tabelle per il layout? Ho sentito che all’Ikea assumono, hai mai pensato di cambiar mestiere?

Quattordici

Devi assolutamente associare a tutti i campi di tutti i moduli un’etichetta (elemento label) perché altrimenti le persone che navigano con tecnologie assistive potrebbero avere seri problemi nella compilazione.

Se non sai di che parlo leggi questo interessante articolo.

Quindici

Un bel po’ di gente naviga con gli script disabilitati. Devi fartene una ragione. Quindi devi garantire che le tue pagine siano utilizzabili anche da chi ha disabilitato gli script, gli applet o altra robaccia 2.0.

Ma il legislatore non è folle. Se per motivi religiosi non puoi fare a meno dei tuoi script inaccessibili, allora dai una spiegazione testuale della funzionalità (che il 15% degli utenti si perderà) e, come impone il requisito Tre, fornisci un’alternativa testuale equivalente.

Hai voluto lo script? E ora pedala.

Gli script però non sono il demonio. Basta leggere PPK per capire che con un po’ di competenza si può fare tutto ciò che si vuole.

Sedici

Devi sempre ricordare che non esiste solo il mouse. Ci sono persone che hanno problemi agli arti superiori e non possono usare il mouse. Se tu stesso ti rompessi un braccio (non che te lo auguri) come faresti a usarlo? Ti propongo un esperimento: fasciati ben strette le mani con un pezzo di stoffa (come fanno i pugili prima degli incontri) e poi prova a usare il mouse…

Ecco perché, per esempio, se decidi di associare ad un oggetto un evento onmouseover devi associare anche un evento onfocus. Così l’azione sarà indipendente dal singolo dispositivo. Approfondisci.

Diciassette

Devi garantire che le funzionalità (per esempio un menu) e le informazioni (il testo) presenti negli script, negli applet, nelle animazioni Flash siano direttamente accessibili alle tecnologie assistive.

Questo significa che devi installare uno screen reader e provare a navigare all’interno della tua animazione Flash. Se qualche “esperto” ti ha detto che Flash non può essere accessibile, mandalo al diavolo e digli di leggersi la letteratura in merito e questi articoli.

Diciotto

Se pubblichi un video importante devi renderlo accessibile a chi non sente e a chi non vede.

L’alternativa testuale equivalente può essere:

• sincronizzata (sottotitoli e descrizione vocale);
• un riassunto testuale;
• una semplice etichetta testuale.

Devi decidere quale opzione utilizzare in base all’importanza del video. Chi decide l’importanza del video? Tu.

Se pensi che sottotitolare un video sia troppo difficile o costoso ti invito a fare un giro su Webmultimediale.

Diciannove

Lo sai che lo screen reader può leggerti direttamente tutti i collegamenti presenti in una pagina? Questo è un modo per evitare la noiosa lettura del testo che precede il collegamento che ti interessa.

Ecco perché il testo dei collegamenti deve essere sempre comprensibile anche al di fuori del contesto.

Ma non solo: quando cambi pagina lo screen reader legge nuovamente tutto dall’inizio (e seguendo l’ordine del testo com’è nel codice). Ecco perché devi inserire nel codice collegamenti che ti consentano di saltare direttamente al contenuto. Sai che palle altrimenti…

Venti

Se la tua pagina si autodistrugge entro un tempo prestabilito, mi raccomando: avverti l’utente indicando il tempo massimo e un’alternativa meno ansiogena per il servizio che offri.

Ricorda che persone diverse hanno tempi di riposta diversi.

Ventuno

Ah. Questo è il mio preferito. Ho pure contribuito a correggere un errore presente nella prima versione dell’enunciato².

Devi sempre considerare il fatto che per chi ha difficoltà nel controllo dei dispositivi di puntamento è molto difficile selezionare il collegamento o il pulsante giusto se sono troppo ravvicinati. Immagina la frustrazione quando dopo uno sforzo enorme ti scappa il clic sul pulsante sbagliato. Quando ti fischiano le orecchie, pensa alle maledizioni che ti mandano gli utenti per questa mania di appiccicare tutto. Saranno per caso carenze affettive?

La soluzione è semplice: distanziare in modo adeguato pulsanti dei moduli, campi dei moduli, liste di collegamenti e, in generale, tutti gli oggetti attivi all’interno della pagina.

Io aggiungo che anche un’interlinea superiore a quella predefinita è meglio. Ma so che non tutti sono d’accordo: evidentemente c’è chi ama i muri di testo che si vedono così spesso negli orribili portali di molte aziende e pubbliche amministrazioni italiane.

Ventidue

Questo requisito non conta. Serve solo ai fannulloni.

Note

1. In effetti l’attributo id di per se non è di certo dannoso, come sottolinea un commento sul sito ItalianWebDesign, ovviamente io mi riferivo all’uso in congiunzione con headers, inutile e dannoso in una tabella di layout. [indietro]
2. Si è vero: me la sto tirando un po’… [indietro]

Tag: disabili, DM 8 luglio 2005, for dummies, legge 4/2004, requisiti tecnici, verifica tecnica

Questo articolo è stato inviato Thursday 5 June 2008 alle 12:59 ed è archiviato nella categoria Accessibilità. Puoi seguire le risposte tramite il feed RSS 2.0. Se lo desideri puoi lasciare un commento, o un trackback dal tuo sito.