Guida completa all'accessibilità web (Parte 3): Il principio di comprensibilità

Assicurati che le informazioni e il funzionamento dell'interfaccia utente siano comprensibili a tutti

‍

Siamo giunti al terzo pilastro dei POUR principi: Comprensibile. Dopo aver garantito che un sito sia Percepibile e Utilizzabile, dobbiamo assicurarci che gli utenti possano anche comprendere le informazioni e il funzionamento dell'interfaccia. Contenuti incomprensibili o una navigazione imprevedibile possono creare una barriera tanto significativa quanto un'immagine priva di testo alternativo.

‍

Cosa significa che un sito è comprensibile?

‍

Il principio di Comprensibilità richiede che le informazioni e il funzionamento dell'interfaccia utente siano logici e facili da cogliere. Questo non significa solo avere testi leggibili. Comporta l'uso di un linguaggio chiaro, la fornitura di spiegazioni per termini complessi o abbreviazioni e la creazione di un'esperienza di navigazione coerente e prevedibile. Un sito comprensibile aiuta inoltre gli utenti a evitare e correggere gli errori, fornendo istruzioni chiare ed efficaci meccanismi di convalida.

‍

Guida tecnica dettagliata al principio di Comprensibilità

‍

Ecco le regole specifiche e i consigli pratici per garantire la comprensibilità del tuo sito, tratti direttamente dalla guida ufficiale:

‍

1.10. Leggibilità: rendere il contenuto testuale leggibile e comprensibile

‍

• 1.10.1. [A] Lingua della pagina: La lingua predefinita del contenuto della pagina deve essere specificata nel codice.
  
  
  • Suggerimento: È necessario utilizzare l'attributo lang dell'HTML.
    
    

• 1.10.2. [AA] Lingua delle parti: Se il contenuto della pagina utilizza una lingua diversa da quella predefinita, ciò deve essere specificato nel codice per quella parte specifica.
  
  
  • Suggerimento: L'attributo lang dell'HTML dovrebbe essere utilizzato sull'elemento specifico.
    
    

• 1.10.3. [AAA] Parole insolite: Le parole ambigue, sconosciute o utilizzate in modo tecnico devono essere definite tramite testo adiacente, un elenco di definizioni o un glossario.
  
  
• 1.10.4. [AAA] Abbreviazioni: Deve essere disponibile un meccanismo per identificare la forma estesa di un'abbreviazione.
  
  
  • Suggerimento: L'elemento HTML <abbr> può essere utilizzato per spiegare un'abbreviazione al suo primo utilizzo.
    
    

• 1.10.5. [AAA] Livello di lettura: Se il testo richiede una capacità di lettura superiore a quella della scuola secondaria di primo grado, deve essere fornita un'alternativa più facilmente comprensibile.
  ‍
• 1.10.6. [AAA] Pronuncia: Se la pronuncia di una parola è essenziale per comprenderne il significato, deve essere fornita subito dopo la parola (tramite trascrizione fonetica) o attraverso un link a un glossario.
  
  

1.11. Prevedibile: fare in modo che le pagine web appaiano e funzionino in modo prevedibile

‍

• 1.11.1. [A] Al focus: Il focus su un componente della pagina non deve avviare un cambiamento di contesto.
  
  
• 1.11.2. [A] All'input: L'interazione con qualsiasi elemento interattivo non deve produrre un cambiamento automatico di contesto. Qualsiasi cambiamento di contesto deve essere annunciato in anticipo.
  
  
• 1.11.3. [AA] Navigazione coerente: I link di navigazione che si ripetono su più pagine devono rimanere nello stesso ordine in tutto il sito web.
  
  
• 1.11.4. [AA] Identificazione coerente: I componenti che hanno la stessa funzionalità su più pagine (ad esempio, un'icona di ricerca) devono essere identificati in modo coerente.
  
  
• 1.11.5. [AAA] Modifica su richiesta: I cambiamenti di contesto devono essere avviati solo su esplicita richiesta dell'utente, oppure deve essere presente un meccanismo per disabilitarli.
  
  

1.12. Assistenza all'input: aiutare gli utenti a evitare e correggere gli errori

‍

• 1.12.1. [A] Identificazione dell'errore: Gli elementi obbligatori del modulo, così come le restrizioni di formato (ad esempio il formato della data), devono essere contrassegnati e chiaramente spiegati nelle etichette.
  
  
• 1.12.2. [A] Etichette o istruzioni: Nei casi che richiedono un'azione da parte dell'utente (ad esempio la compilazione di un campo), è necessario fornire, ove possibile, etichette esaustive, istruzioni e persino esempi.
  
  
• 1.12.3. [AA] Suggerimenti in caso di errore: Se vengono rilevati errori di convalida, questi devono essere chiaramente segnalati. È obbligatorio consentire all'utente di accedere rapidamente all'elemento problematico, correggere l'errore e inviare nuovamente il modulo.
  
  
• 1.12.4. [AA] Prevenzione degli errori (legali, finanziari, dati): Per le pagine che comportano impegni legali, transazioni finanziarie, modifica di dati personali o invio di risposte a test, deve essere previsto un meccanismo per almeno una delle seguenti opzioni:
  
  
  • Reversibilità: Gli invii possono essere annullati o modificati.
    
    
  • Verifica: I dati vengono controllati e l'utente può correggere eventuali errori prima dell'invio.
    
    
  • Conferma: All'utente viene data l'opportunità di rivedere, confermare e correggere i dati prima di finalizzare l'operazione.
    
    
• 1.12.5. [AAA] Guida contestuale: Qualsiasi azione che un utente può compiere deve essere accompagnata da spiegazioni contestuali sufficientemente informative e adiacenti.
  
  
• 1.12.6. [AAA] Prevenzione degli errori (generale): Per qualsiasi pagina in cui sia possibile inserire dati, devono essere disponibili tutti e tre i meccanismi: reversibilità, verifica e conferma.
  
  

Come Wawsome garantisce la comprensibilità

‍

Wawsome affronta direttamente le sfide legate alla comprensibilità. Il nostro widget include un dizionario integrato che spiega automaticamente gergo, termini complessi e acronimi, garantendo che tutti gli utenti possano comprendere il testo. Inoltre, Wawsome migliora i moduli fornendo etichette chiare, istruzioni precise e una convalida degli errori in tempo reale con suggerimenti per la correzione. Questo riduce al minimo la frustrazione e aiuta gli utenti a completare le azioni con successo, rendendo il tuo sito non solo accessibile, ma davvero facile da usare.

‍

Conclusione

‍

Un sito web può essere percepito e utilizzato, ma se non è anche comprensibile, gli utenti si sentiranno comunque smarriti. L'implementazione di questo principio garantisce che il tuo messaggio sia chiaro, le interazioni intuitive e l'esperienza complessiva positiva e senza sforzo.

‍

Abbiamo ora trattato tre dei quattro principi. Nell'ultimo articolo di questa serie, esploreremo l'ultimo principio: Robustezza. Discuteremo di come garantire che il tuo sito rimanga accessibile man mano che le tecnologie e i dispositivi si evolvono.