Modulo 4 – BUILD
Implementazione digitale
5. Garantire accessibilità e usabilità
5.1 Leggibilità
- Inserisci le istruzioni in un riquadro pieno (non mettere il testo direttamente su immagini troppo complesse).
- Mantieni le istruzioni brevi: un’azione o un obiettivo per frase.
- Evita corsivo, sottolineatura o testo giustificato. Usa il grassetto e allinea a sinistra.
- Assicurati che tutto il testo usi un’interlinea da 1,4 a 1,5.
- Usa font chiari e sans-serif (come Arial, Century Gothic, Open Dys).
- Usa una dimensione del carattere adeguata: almeno 18 pt per il corpo del testo, 24 pt per titoli e pulsanti. Non scendere sotto i 16 pt se il gioco viene usato su telefoni.
- Evita paragrafi lunghi e usa elenchi puntati quando possibile.
Suggerimenti e trucchi: se devi aggiungere un testo più lungo, rivelalo solo quando necessario (con un pulsante tooltip “Leggi di più”).
5.2 Colore e contrasto
- Evita testo o oggetti chiari su uno sfondo chiaro o complesso. Preferisci colori più scuri per gli elementi in primo piano.
- Verifica che i colori, soprattutto tra elementi chiave, abbiano un contrasto adeguato (usa strumenti come WebAIM Contrast Checker). Mira ad almeno 4,5:1 di contrasto per il testo normale e 3:1 per il testo grande.
- Evita segnali basati solo su rosso/verde (che rappresentano un rischio per il daltonismo).
- Usa simboli insieme al testo, non solo il colore, per indizi chiave o elementi dell’enigma. Per esempio: “Sbloccato ✓” o “Riprova ✗”.
5.3 Alternative audio e visive
- Evita effetti sonori o animazioni irrilevanti; mantieni solo elementi pertinenti e utili (non dovrebbero essere necessari per risolvere gli enigmi).
- Abilita l’opzione “Zoom” nelle impostazioni “Preferences” per consentire ai giocatori con disabilità visive di osservare più da vicino gli elementi chiave.
- Se aggiungi una narrazione audio, aggiungi anche la trascrizione come testo.
- Se aggiungi un video o un indizio visivo, scrivi anche le informazioni chiave in forma testuale.
5.4 Sovraccarico cognitivo
Regole di progettazione sicure per principianti
- Un obiettivo principale per schermata
- Massimo 3–7 elementi cliccabili nelle schermate per principianti
- Fornisci sempre un’istruzione visibile “Che cosa devo fare?”
Struttura utile
- Riquadro “Il tuo compito” per identificare facilmente le istruzioni.
- Riquadro “Indizi trovati” per confermare i passaggi corretti e chiarire il processo.
- Pulsante “Suggerimento” per fornire una guida adeguata in caso di difficoltà
5.5 Compatibilità dei dispositivi
- Visualizza l’anteprima su laptop, telefono e tablet per assicurarti che funzioni, dimensioni e interazioni siano adeguate su tutti i dispositivi potenziali.
- Controlla:
- I pulsanti sono abbastanza grandi per il touch?
- È possibile leggere il testo senza zoomare?
- I pop-up rientrano nello schermo?
- Se l’uso da mobile è frequente, semplifica:
- Meno hotspot minuscoli
- Meno attività drag-and-drop
- Testo e pulsanti più grandi
Attività: Vero o falso
Decidi se l’affermazione è vera o falsa.
Guarda il video
In questo video troverai un riassunto della Parte 5 di questo modulo.