I siti web devono avere un’architettura intuitiva e leggera e permettere all’utente del luogo della cultura di orientarsi facilmente per trovare tutte le informazioni necessarie alla visita. ## Organizzazione dei contenuti (Architettura dell’informazione) - distinguere le aree semantiche (header, menù di navigazione, contenuto principale, footer) - usare la formattazione gerarchica dal generale al particolare; - renderli identificabili anche dalle tecnologie assistive, come screen reader e software di ingrandimento; - scrivere in [[Linguaggio facile da leggere|Linguaggio facile da leggere e da capire]] - in homepage devono essere presenti tutte le informazioni utili in relazione allo scopo del sito web; - eventuali servizi di prenotazione online devono permettere al visitatore fin da subito di selezionare i servizi di accessibilità che ritiene necessari per i propri bisogni. - il sito deve avere una pagina specifica denominata “Accessibilità”, che sia ben visibile nella homepage e/o nel footer, contenente il contatto (sia telefonico sia via email) del Responsabile/Referente per l’Accessibilità e informazioni chiare ed aggiornate sui servizi forniti dalla struttura, come ad esempio presenza di guide in lingua dei segni, sedie a ruote, supporti Braille, ecc. - inserire una sezione dedicata alla raccolta di commenti, suggerimenti e valutazioni della qualità percepita dagli utenti, allo scopo di potenziare la crescita funzionale dei luoghi; ## Formattazione del testo (Layout della pagina) Nella scrittura del testo è preferibile prestare attenzione alle seguenti caratteristiche: - Per far sì che sia evidente e leggibile anche tramite tecnologie assistive un documento deve contenere per forza delle **intestazioni** (h1 h2 h3), impostate in maniera gerarchica logica. - Dividere il testo in paragrafi brevi - Mantenere l’allineamento del testo a sinistra - usare elenchi ordinati e numerati per rendere chiari step, procedure, passaggi, elenchi. ## Leggibilità del testo - La soluzione migliore è permettere di scegliere tipo di carattere, dimensione, contrasto - Usare font ad alta leggibilità - dimensione 12pt - Usare un buon contrasto - utilizzare il grassetto per evidenziare concetti o parole chiave - evitare l’uso del “corsivo” - evitare intere frasi scritte in “maiuscolo” in quanto rendono difficoltosa la lettura (specie alle persone ipovedenti); - usare testo “sottolineato” solo per i link; - non usare solo il colore per veicolare azioni o informazioni: ad esempio in un modulo “Compila i campi in rosso”. - evitare emoji e caratteri speciali unicode - Non usare troppi caratteri diversi: sovraccarico cognitivamente ## Caricamento e descrizione di immagini - è opportuno che l’immagine sia nominata correttamente per fornire riferimenti a chi intende scaricarla; - il testo contenuto nelle immagini deve essere trascritto (fatta eccezione per i loghi banner), - evitare oggetti e scritte lampeggianti o in movimento. - per ogni immagine caricata, inserire un testo alternativo che ne descriva il contenuto nel campo appositamente dedicato, di solito etichettato con “testo alternativo” o “alt”. Una buona prassi è scrivere descrizioni: - brevi, in genere 150 caratteri (loghi, banner e bottoni possono essere indicati da una semplice parola, mentre le immagini decorative possono fare a meno del testo alternativo); - pertinenti (non generiche, ad esempio per una foto di persone in visita alla Cappella Sistina non scriverò “Cappella Sistina” ma i “gruppo di cinque persone in visita all’interno della Cappella Sistina”; - prive di frasi di circostanza (come "un elemento grafico di" o "un'immagine di") ## Accessibilità dei video - eventuali video presenti nel sito devono mettere a disposizione del visitatore anche i sottotitoli in italiano ed in altre lingue come inglese e il francese, come anche una traccia audio supplementare per l’audiodescrizione, qualora sia necessaria. - inserire video in Lingua dei Segni Italiana (LIS) sottotitolati in italiano che traducano i contenuti presenti nel sito; ## Accessibilità dei documenti word e pdf - non inserire documenti scansionati, ma inserire il formato elettronico accessibile del documento; - predisporre un documento sorgente (ad esempio word, pages, powerpoint), compilando i campi necessari (titolo, tag, autore del documento) e utilizzando gli stili per formattare il testo con un font “Sans Serif” di almeno 12 punti, allineato a sinistra, con buona spaziatura dei caratteri (al massimo 60 caratteri per rigo) e con buona interlinea (almeno di 1.3-1.5); - organizzare il contenuto in paragrafi, elenchi e sommario; - aggiungere descrizioni alternative alle immagini e alle tabelle. ## Chiarezza dei link - scrivere link significativi, che abbiano una chiara destinazione, ad esempio linkare il sintagma “Programma educativo” e non espressioni generiche come “Clicca qui”, “Vai” in riferimento al suddetto programma; - inserire solo link pertinenti e utili; - il link deve aprire la risorsa collegata nella stessa scheda, a meno che non rimandi a un altro sito (deve essere segnalato); - segnalare se apre un download (magari anche la dimensione del file se è particolarmente grosso) - è utile che il link sia contraddistinto dal sottolineato e dal colore. ## Linearità delle tabelle - usare tabelle con poche colonne per non rendere difficile la lettura con dispositivi mobili; - definire le celle di intestazione e la relazione con le celle dati - inserire la descrizione alternativa della tabella