Come progettare e testare interfacce inclusive?

Esistono dei principi comuni allo sviluppo di interfacce accessibili in ambiti e per funzionalità diverse: vediamo come l’inclusive design si trasforma di volta in volta in una forma diversa di inclusive art.

Che sia un sito Web, un documento in formato pdf, un videogioco o un prodotto di design fisico si stanno sviluppando una serie di approcci e sintassi di sviluppo funzionali al raggiungimento di una progettazione inclusiva, ovvero adatta a persone con caratteri diversi e diverse abilità.

WEB e versioni accessibili del Web

Un’esperienza di produzione a cui ho potuto contribuire personalmente, decisamente interessante, è stata l’operazione di restyling di https://www.teatrodellatoscana.it prestigioso portale della Fondazione Teatro della Toscana (Teatro Nazionale) nato per comunicare le attività e stagioni teatrali del Teatro della Pergola, Teatro di Rifredi e Teatro Era. Grazie alla versione accessibile di ARCO CMS (Content Management System sviluppato in proprio dall’agenzia Web fiorentina Numeri Primi) è stato possibile intervenire in maniera puntuale per ogni singola esigenza di accessibilità immaginabile, tanto da riuscire a raggiungere il risultato, niente affatto scontato, di affrontare la validazione di MAUVE++ Multiguideline Accessibility and Usability Validation Environment ovvero lo strumento sviluppato dal Centro Nazionale delle Ricerche; riferimento ufficiale per tutte/i coloro che vogliono dormire sonni tranquilli ed evitare le pesanti sanzioni in vigore dal giugno 2025. Grazie ad ARCO è stato possibile non solo predisporre un’architettura informativa rispettosa degli standard relativi all’inclusive design – recentemente aggiornati alla versione WCAG 2.2 AA – ma anche personalizzare a livello di copywriting il contenuto per renderlo accessibile alle persone diversamente abili grazie ad alternative testuali diversificabili per ogni oggetto multimediale, nonché per ogni possibile interazione da parte dell’utenza finale tramite gesture o tastiera.

La versione accessibile della Fondazione Teatro della Toscana è stata allineata alle ultime novità introdotte dalla versione 2.2 delle Web Content Accessibility Guidelines come ad esempio la necessità di maggiore evidenza del focus ed accorgimenti appositi di usabilità facilitata per un migliore utilizzo da tastiera in particolare per la compilazione dei moduli.

PDF e pubblicazioni cartacee

In maniera simile all’ambito Web, in ambito office ovvero di produzioni documenti, tutti i prodotti come Libre Office Writer e Microsoft Windows Word, hanno adottato recentemente meccanismi di controllo dei punti di accessibilità al fine di verificare che, in fase di esportazione in Portable Document Format, siano apportate le opportune titolazioni, alternative testuali, contrasti di colore a norma, assenza di intermittenze, corretta strutturazione del testo, e immancabilmente con riferimento alle famose wcag 2.2 ma in ambito non-web che prevedono, ad esempio, la numerazione obbligatoria di pagine di documenti e pubblicazioni anche cartacee.

Dispositivi mobili e inutilità dei plugin ‘intelligenti’

Un recente studio del rinomato Nielsen Norman Group in ambito mobile ha evidenziato come l’utilizzo di menù accessibili (detti anche accessibility overlay) riescono solo a complicare la vita ai lettori di schermo comunemente utilizzati da non vedenti (ma anche dislessici e neurodivergenti) mentre in fase di progettazione bisogna soprattutto capire come viene recepita l’informazione digitale in maniera sequenziale, organizzata gerarchicamente tramite i marcatori strutturali, privilegiando testo significativo-parlante ancor più per gli elementi di collegamento (link).

Videogiochi sempre più accessibili

L’attenzione degli sviluppatori di videogiochi per soddisfare le esigenze delle persone con disabilità è sempre più alta anche nei campi applicativi più difficili come quello delle soluzioni cromatiche per le persone daltoniche, l’attivazione dei sottotitoli e la personalizzazione dei controlli.

In definitiva, i principi di progettazione di qualsivoglia interfaccia digitale, che possa essere considerata accessibile, possono essere ricondotti ai principi generali di corretta impostazione di architettura informativa, possibilità di personalizzazione, produzione di alternative testuali, contrasti cromatici a norma, assenza di intermittenze pericolose, corretta etichettatura delle varianti linguistiche. Fare tutto ciò correttamente per i vari ambiti di produzione digitale, è poi una vera e propria arte, una delle tante forme di inclusive art a disposizione di artisti e artigiani della comunicazione digitale…

Test per valutare l’accessibilità di un prodotto di design materico

Mentre sono ben note le piattaforme di analisi accessibilità per le interfacce digitali, non esiste, che io conosca, una procedura di analisi ben definita per gli oggetti fisici. Sollecitato a realizzare una giornata di formazione per una classe dell’alta formazione artistica inerente design del prodotto (fisico), ho pensato di ipotizzare un kit per test di un prodotto di design fisico a cui ho dato il nome di…

‘COCORITO’ INCLUSIVE DESIGN TEST

…dato che l’oggetto che mi porto dietro è una scatola ‘magica’ che contiene tutto quanto necessario compreso un pappagallo di stoffa – da me rinominato ‘Cocorito’ – assolutamente perfetto per svolgere i vari test essendo:

• colorato (adatto per verificare l’impatto sensoriale dei colori),
• parlante (adatto per verificare l’impatto sensoriale del suono),
• con un meccanismo da attivare e che gli fa ripetere quanto viene esclamato, eventualmente a gran voce (adatto per verificare le capacità di interazione con l’utente-tester).

Nel test vengono coinvolti più studenti che si rendono disponibili per utilizzare svariati accessori che simulano svariate tipologie di disabilità collaborando nella realizzazione dei seguenti…

step di analisi:

1. utilizzare una benda per gli occhi per simulare la condizione di cecità (si stima ci siano circa 220 mila persone cieche in Italia ovvero lo 0,3% circa della popolazione) avvalendosi di un sistema di visione assistita come Seeing AI oppure Lookout ma anche di un sistema di fotocamera con riconoscimento qr-code per capire le possibilità di utilizzo e interpretazione di eventuali codici qr (quick response) presenti sull’oggetto di design;
2. dei tappi per orecchi (o altro che inibisce l’udito compreso l’utilizzo di proprie cuffiette audio personali ascoltando musica ad alto volume) per simulare la condizione di sordità (condizione che affligge lo 0,3% della popolazione ma oltre il 12% ha problemi di udito) durante l’utilizzo del prodotto di design avvalendosi, anche, di un’app di trascrizione automatica per cercare di percepire e capire cosa sta succedendo;
3. simulare le difficoltà di utilizzo e interpretazione di una persona daltonica tramite l’app Chromatic Vision Simulator (circa l’8,2 % della popolazione ricordandosi però che esistono in Italia approssimativamente poco più di mille persone che proprio sono impossibilitati a riconoscere del tutto i colori, per i quali, occorre verificare anche l’assenza di assegnazione in maniera esclusiva a un colore di un’informazione o funzione);
4. simulare le difficoltà di utilizzo e interpretazione di una persona ipovedente tramite l’app tengo baja vision che simula vari disturbi di ipovisione (3,9 per cento della popolazione) provando in particolare il sintomo loss of visual acuity;
5. utilizzare dei grossolani guanti da giardiniere per simulare problemi di sensibilità e coordinamento degli arti motori superiori (spasmi e tremori che alcune statistiche individuano nel 2% della popolazione);
6. mettere un timer che scade dopo venti secondi per capire se un oggetto di design è comprensibile ed utilizzabile in tempi utili per neurodivergenti sottoponendo lo studente volontario ad una forte azione di disorientamento e disturbo (per ora ho utilizzato la videoproiezione ad alto volume dei fantastici doppiaggi di Pangallo) – per meglio dire l’utente dovrebbe avere a disposizione almeno dieci sessioni di venti secondi a disposizione per poter accettare, comprendere ed utilizzare l’interfaccia materica in maniera utile attraverso step di 20 secondi (i primi 20 secondi per capire che oggetto abbiamo di fronte, i successivi per capire a cosa è utile, i successivi per utilizzarlo ecc ecc) e, se normodotato, essendo immerso in un ambiente stressante e distraente come potrebbe essere svolgere la prova distratto da un audio-video con volume e output video importante (le percentuali di persone neurodivergenti appartenendo a condizioni decisamente diverse tra di loro sono difficili da definire ma si ipotizza almeno un’incidenza del 15% sulla popolazione);
7. ovviamente a tutto ciò si deve aggiungere una capacità di analisi in termini di inclusive design che riguarda ancor più occorrenze di esigenze per caratteri speciali (ad esempio le intermittenze pericolose per le persone epilettiche che rappresentano circa l’1% della popolazione) per le quali si raccomanda un’attenta lettura di Inclusive design obblighi normativi e opportunità espressive nonché la possibilità di applicare questi test ad un qualsivoglia altro oggetto di design materico (informativo o funzionale).

A posteriori (giuro) ho scoperto che l’Università di Cambridge sta sperimentando un approccio di collaudo simile con l’Inclusive Design Toolkit che comprende test meno articolati ma utilizzando supporti di migliore qualità rispetto a quelli che io ho utilizzato fino adesso.

Aggiornamento WCAG 2.2

In data 5 ottobre 2023 sono state pubblicate sotto forma di raccomandazioni ufficiali la versione 2.2 delle Web Content Accessibility Guidelines (WCAG) da parte del W3Consortium: passo importante perché collegato alla norma tecnica EN 301 549 nella sua estensione per l’European Accessibility Act adottato anche in Italia con effetti immediati per Pubblica Amministrazione immediatamente e per la Pubblica e Media Impresa dal Giugno 2025.