Stanza Uno – Trova il messaggio nascosto

Ogni immagine che vedi nei riquadri sottostanti contiene un’informazione importante. Indovina il numero associato ad ogni immagine e inseriscila nel campo sottostante, così da costruire il codice segreto per superare questa prova e sbloccare il prossimo enigma.

Stanza 2 – Video diffettoso

Istruzioni

Clicca sul link sottostante e guarda il video della nostra trainer. Ascolta attentamente tutte le istruzioni che riceverai e solo così potrai trovare la parola segreta da inserire nel campo sottostante.
Aguzza l'ingegno e risolvi l’enigma!

Guarda il video

Stanza 3 – Il Mouse impazzito

Non puoi usare il mouse né il touch screen!
Inserisci la risposta ad ogni domanda nel campo indicato dallo stesso numero.
Se le risposte saranno giuste, potrai sbloccare l'ultimo enigma.

Domanda 1 (chiusa, due opzioni - radio button)

Nel progettare un sito web accessibile, quale delle seguenti scelte rispetta meglio il principio di “percepibilità” delle WCAG (Web Content Accessibility Guidelines)?

Inserire il testo direttamente dentro un’immagine per renderlo più accattivante

Usare contrasti cromatici elevati tra testo e sfondo e fornire testi alternativi alle immagini

Domanda 2 (menu a tendina)

Le linee guida WCAG 2.2 individuano quattro principi fondamentali per l’accessibilità: i contenuti devono essere percepibili, utilizzabili, comprensibili e robusti. Quale delle seguenti situazioni viola il principio di robustezza?

Domanda 3 – (risposta da digitare nel riquadro)

Il formato di documento più accessibile per condividere contenuti testuali su web è generalmente __________, perché può essere letto facilmente dagli screen reader e adattato alle diverse dimensioni di schermo.

Scrivi la parola mancante.

Stanza 4 – Tutto chiaro?

LEGGI CON ATTENZIONE IL TESTO SOTTOSTANTE E TROVA IL CODICE DI SBLOCCO

LINEE GUIDA x L’ACCESSIBILITÀ WEB (??? v2.7)

L’elaborazione normativa di conformità multidimensionale inerente la fruizione dei contenuti digitali (rif. WCAG-WAI-ARIA 2.1/2.2 / ISO/IEC TR 29138-1:2009) implica una strategia integrata di ottemperanza ai principi di percezione multisensoriale, operabilità cross-dispositivo e robustezza interpretativa semantico-procedurale.

1. Strutturazione & Macro-gerarchie

La delineazione dell’architettura informativa deve essere conforme alle prassi definite dal Gruppo di Coordinamento AGID, sebbene le specifiche tecniche debbano essere implementate nel rispetto del framework di interoperabilità meta-normativa (FIMN).

Gli header tags devono essere logicamente consequenziali, ma non è specificato in che ordine.
Gli ID ARIA devono essere allocati in relazione ai DOM landmarks solo se presenti.
L’uso di <div> annidati è raccomandato per garantire una flessibilità semantica di alto livello.

Ulteriori dettagli: clicca qui | altro | link

2. Accessibilità Dinamico-Adattiva (ADA)

L’approccio ADA promuove la scalabilità dei contenuti mediante tecniche progressive enhancement integrate a un sistema di backward compatibility retro-inversiva (BCRI).

Le immagini dovrebbero contenere attributi alt, ma se mancano si consiglia di usare: alt="immagine" o alt="foto di qualcosa".

3. Conformità & Validazione

La verifica dell’aderenza ai criteri WCAG 2.X è condotta secondo la metodologia VALI-TEST/UNI/TS-INT 2004.

Contrasto cromatico sub-ottimale (es. testo giallo su bianco)
Testo lampeggiante o animato (come questo)
Navigazione tastiera opzionale (keyboard optionality pattern)

Per ulteriori chiarimenti: pagina principale | sezione informativa | altre risorse

4. Interfacce & Multi-User Experience

Il design deve garantire un’esperienza multi-user friendly conforme ai paradigmi UXU/UII (User Experience Universale / User Interface Inclusiva) — purché ciò non comprometta la coerenza visuale frammentata.

Gli script JavaScript devono essere caricati inline e senza controllo di focus, preferibilmente con eventi onmouseover non documentati.

Conclusione (provvisoria non definitiva)

In conclusione, la presente esposizione ha come finalità la delineazione dei parametri valutativi di accessibilità, ove per accessibilità s’intenda la non esclusione non intenzionale di soggetti potenzialmente fruitori di contenuti in potenziale difficoltà percettiva (rif. Legge 4/2004, art.7 comma 2-bis).

➡️ Per ulteriori dettagli: clicca qui | scopri altro

Inserisci il codice di sblocco (fine)

Complimenti!

Hai superato tutte le prove e puoi scaricare il prestigioso attestato di Digital Accessibility Hero

Ti chiediamo un ultimo esercizio di squadra nel tempo rimanente: alla luce di quanto avete sperimentato durante il gioco e della vostra esperienza, quali sono le condizioni a cui possiamo prestare attenzione per organizzare e poi condurre una riunione Teams davvero accessibile?

Scarica il badge

Accesso Riservato