Caratteri Cubitali
Nasce nel 2022, come associazione di promozione sociale che si occupa di organizzare attività di formazione e creare progetti che promuovono l’accessibilità dei contenuti culturali e della comunicazione. Un collettivo variegato di persone contro le barriere e un mondo non accessibile.
La richiesta
Dopo l’elezione del nuovo direttivo nel 2025, c’era bisogno di uno spazio digitale accessibile dove promuovere l’attività dell’associazione: progetti, laboratori e servizi ma anche uno spazio dove farsi conoscere e coinvolgere le persone a partecipare attivamente con idee, esperienze e tempo.
Lo spazio web è visto come una scatola da riempire con contenuti utili per chi vuole migliorare la propria comunicazione e renderla alla portata di tutte e tutti.
Il sito web accessibile per associazioni
Dati in breve
Settore:
Associazione di promozione sociale, APS-ETS
Tipologia progetto:
sito in WordPress accessibile
Campi coinvolti:
web design, coding, accessibilità web, ottimizzazione colori
Collaborazioni:
Caratteri Cubitali – testi, grafiche, controllo accessibilità
Servizi attivi:
manutenzione ordinaria
Visita il sito:
caratteri-cubitali.it
Il sito web accessibile per associazioni
Questo sito è il risultato di numerose riunioni e ore di lavoro comunitario, online, tra alcune delle persone che fanno parte dell’associazione, un gruppo misto di professioniste e professionisti in diversi ambiti della comunicazione e non solo.
La realizzazione di un sito accessibile è un lavoro complesso fatto di scelte consapevoli, tra queste la scelta del template. In questo particolare caso, in cui il sito potrà essere aggiornato nei contenuti anche da persone con disabilità e che utilizzano tecnologie assistive, la scelta doveva ricadere su un tema con un page builder accessibile.
Con nostro disappunto abbiamo constatato che ad oggi, per le ricerche che abbiamo effettuato, non esiste un page builder totalmente accessibile per la realizzazione di un sito. Alla fine ho optato per Elementor che, anche se non perfetto, permette di costruire agilmente, a chi conosce lo strumento, un layout accessibile a chi naviga su un sito.
Pochi colori e contrasti accessibili AAA
Dopo un confronto abbiamo deciso di ridurre la palette colori, studiata dal designer Simone Riflesso, da 6 a 4 colori più una variante.
Ho lavorato in particolare sull’ottimizzazione del colore blu, andando a ricercare un rapporto di contrasto adeguato con il bianco e l’individuazione di un secondo blu per ottenere l’accessibilità anche con il nero. Entrambi hanno una classificazione WCAG in AAA.
- Prima immagine: il test, effettuato con il tool “Wave”, non rileva errori ma indica 7 “alert”, che in questo caso non costituiscono problemi di accessibilità. Un alt text un po’ lungo, un link ripetuto e 5 possibili sottotitoli che abbiamo accertato non esserlo.
- Seconda immagine: il test analizza il contrasto tra il bianco e il blu simulando come vengono percepiti in diverse condizioni visive.
Questi tool, come altri, costituiscono uno strumento importante, comodo e rapido per analizzare l’accessibilità dei siti ma non devono essere l’unico strumento per verificare se il sito è o meno accessibile.
Semplicità di navigazione
Per essere accessibile un sito deve rispettare i quattro principi fondamentali delle WCAG, ovvero deve essere:
- Percepibile – i suoi contenuti devono essere a disposizione di tutte le persone. Per esempio, un’immagine, un video o un audio, devono essere descritti o raccontati per chi non può vedere o ascoltare.
- Utilizzabile – tutte le persone possono utilizzare e consultare un sito allo stesso modo e con la stessa facilità.
- Comprensibile – tutti i suoi componenti, informazioni, bottoni e azioni devono essere compresi da chiunque.
- Robusto – il contenuto deve poter essere interpretato in modo affidabile da diversi strumenti, programmi o dispositivi, tecnologie assistive comprese.
Per approfondire puoi leggere l’articolo “Cos’è l’accessibilità digitale?” sul blog.
Ho iniziato a lavorare a un layout di base su cui poi ci siamo confrontate in un paio di riunioni. Volevamo pagine semplici da navigare per chiunque.
Il sito di Caratteri Cubitali deve essere uno strumento utile sia a chi cerca supporto sia a chi vuole imparare a comunicare in modo rispettoso. Qui, più che in altri siti l’esperienza utente mette in primo piano la navigazione semplice e la facilità nel trovare contenuti.
Un lavoro che ha visto diversi miglioramenti e “aggiustamenti” in corso d’opera, resi possibili dai test di usabilità che abbiamo effettuato durante tutta la progettazione e successivamente subito dopo la sua messa online.
Il sito è stato ottimizzato per essere navigabile da diversi dispositivi, anche con screen reader. Ho lavorato al responsive su desktop, laptop, tablet orizzontale e verticale e smartphone. Importante è che il sito sia completamente fruibile da qualsiasi dispositivo in diverse configurazioni.
Sicuramente non è perfetto ma è in continuo e costante miglioramento grazie anche ai feedback che riceviamo di volta in volta. Ecco perchè nella progettazione di un sito, soprattutto di uno accessibile è importante far eseguire test reali, fatti da persone di età diversa e con esigenze differenti.
Un lavoro che ha coinvolto tante persone
Il sito di Caratteri Cubitali è il risultato del lavoro di tante persone che, nell’arco di un anno, hanno contribuito con le loro conoscenze ed esperienze a crearne i contenuti.
Non so se conosco tutte le persone che ci hanno lavorato (tutti ii link sono esterni):
- Il layout delle pagine è stato rivisto e ottimizzato insieme a Elena Panciera, Giada Pierallini e Simone Riflesso.
- I testi sono stati scritti da Silvia Ghisi, Chiara Lupo, Tiziana Masoch ed Elena Panciera, che li ha poi rivisti, insieme a Giada Pierallini, per dare uniformità a tutti i contenuti.
- Le illustrazioni sono state realizzate da Oxana Tamas.
- I test di accessibilità sono stati eseguiti da numerose persone, fuori e dentro all’associazione. Un Grazie particolare a loro per questo lavoro prezioso, parte integrante e indispensabile per avere un sito accessibile.
