atgabbes

Associazione senza scopo di lucro

Lugano-Besso, Svizzera

Attività principali:

  • WEB DESIGN
  • GRAFICA
Guarda il sito

Atgabbes è un’associazione ticinese che accompagna le persone con disabilità e le loro famiglie lungo tutto il corso della vita, impegnandosi a migliorare la qualità di vita e garantire pari opportunità.
Quando ci hanno contattato, il loro obiettivo era chiaro: creare un sito web inclusivo, di facile utilizzo e adatto a un pubblico con esigenze diversificate. La sfida non era solo tecnica, ma profondamente umana.

Cosa abbiamo fatto e perché

Abbiamo accolto il progetto con entusiasmo, consapevoli dell’importanza di una comunicazione digitale che sia davvero accessibile a tutti. Questo percorso ci ha permesso di comprendere meglio le necessità specifiche di diversi gruppi di utenti, approfondendo gli standard e le linee guida per l’accessibilità web.

 

Assieme al team di Atgabbes, abbiamo sviluppato un sito web che rispetta criteri inclusivi e incorpora funzionalità pensate per garantire un’esperienza ottimale a tutti gli utenti:

 

  • Video in LIS (Lingua Italiana dei Segni) per raggiungere le persone con disabilità uditive.
  • Modalità di lettura facilitata, con un layout semplice e testi chiari.
  • Lettura audio dei contenuti, attivabile tramite pulsanti “play”.
  • Ridimensionamento dei testi e modalità ad alto contrasto per utenti con disabilità visive.

 

Il sito di Atgabbes non è solo una piattaforma online: è uno strumento che riflette i valori dell’associazione, mettendo al centro le persone e le loro necessità.

Visualizzazione del sito atgabbes su uno smartphone

Accessibilità video e audio

Abbiamo integrato video in LIS direttamente nelle pagine principali del sito, garantendo un accesso diretto alle informazioni per chi utilizza la Lingua Italiana dei Segni.
Inoltre, tramite una tecnologia di sintesi vocale, i testi di ogni pagina possono essere convertiti in audio con un semplice clic.
Questa funzione è stata pensata per supportare utenti con difficoltà di lettura o ipovisione, offrendo una soluzione pratica e immediata.

Screenshot del player audio presente sul sito atgabbes

Design personalizzabile per esigenze visive

Il sito è stato progettato con strumenti che permettono agli utenti di personalizzare l’esperienza di navigazione.
Un pannello interattivo consente di regolare il contrasto dei colori e la dimensione dei testi.
Grazie a una grafica flessibile, il layout si adatta automaticamente alle modifiche, garantendo sempre una navigazione chiara e intuitiva.

Screenshot del sito atgabbes in modalità standard Screenshot del sito atgabbes in modalità "sito accessibile", con ingrandimento testi e contrasto
Laptop che visualizza la modalità "sito accessibile", con ingrandimento testi e contrasto
Smartphone che visualizza la modalità "sito accessibile", con ingrandimento testi

Layout semplificato e lettura facilitata

Per favorire la ricerca di contenuti e migliorare l’esperienza di lettura, abbiamo adottato un layout ordinato e schematico, seguendo una griglia precisa.
Ogni elemento, dai testi alle immagini, è stato posizionato per guidare l’utente nella navigazione, minimizzando lo sforzo cognitivo.
Il risultato è un sito pulito, organizzato e fruibile anche da chi necessita di maggior supporto nella comprensione.

Dimostrazione del layout in lingua facile per la lettura semplificata dei contenuti si atgabbes