Fondamenti di e-Accessibilità
L'accessibilità digitale si applica a tutte le interfacce utente elettroniche e serve a tutte le persone, indipendentemente dal tipo di disabilità o da altre esigenze e caratteristiche speciali.
![](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/fullwidthimage/image.imageformat.1286.1925666915.png)
Cosa significa e-accessibilità per i materiali didattici?
I materiali didattici accessibili senza barriere possono essere "letti" e utilizzati da tutte le persone in formazione, indipendentemente dalle limitazioni motorie, sensoriali e, per quanto possibile, cognitive/psicologiche. Per quanto possibile, senza adattamenti individuali. Se l'uso non è possibile senza adattamenti, i materiali didattici elettronici accessibili sono compatibili con gli ausili più comuni, come gli screen reader o i software di controllo vocale.
Le BIG FIVE - Le caratteristiche più importanti delle interfacce utente elettroniche accessibili senza barriere
Interiorizzate i cinque aspetti seguenti, facili da ricordare. Essi coprono la maggior parte dei requisiti per l'accessibilità digitale. Sono anche una buona guida per i test di accessibilità indipendenti.
Uscita flessibile
Il requisito della possibilità di produrre contenuti in modo flessibile sullo schermo e attraverso vari dispositivi di output si basa principalmente sulle esigenze delle persone con disabilità visiva. Esse devono poter personalizzare i contenuti digitali in vari modi. Ingrandendo il carattere, la spaziatura delle lettere, delle parole e delle righe, scegliendo caratteri alternativi, regolando i colori, i contrasti o la luminosità generale dello schermo.
Nello spirito del design universale, non ci si aspetta che i creatori di contenuti forniscano da soli gli strumenti per personalizzare i vari aspetti. Non è quindi necessario dotare il proprio sito web di una funzione per ingrandire il carattere. Tuttavia, è ancora più importante che il contenuto possa essere ingrandito con strumenti adeguati.
Il modo più semplice per ottenere questo risultato è scegliere formati di file adatti. Per esempio HTML (e altre tecnologie web) è ottimale per la creazione di contenuti accessibili, mentre i PDF e altri formati di file orientati alla stampa e al layout sono molto più difficili e costosi da garantire.
![](/bin/ethz/components/previewImage/youtube/ZKKNz20yIGk.jpg)
![Fumetto: rappresentazione illustrativa del requisito per cui i contenuti digitali accessibili devono essere visualizzati nel modo più flessibile possibile per soddisfare le esigenze delle persone con disabilità.](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image/image.imageformat.1286.684162759.png)
Il design reattivo
Le persone con disabilità dipendono dalla visualizzazione dei contenuti e delle informazioni su dispositivi diversi e su schermi di dimensioni diverse con diversi fattori di ingrandimento.
È importante che i testi scorrano dinamicamente quando vengono ingranditi. Lo scorrimento orizzontale deve essere assolutamente evitato.
![Copyright: ©fad82 - stock.adobe.com ](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_1960666712/image.imageformat.1286.78423224.jpg)
Ammettere stili personalizzati
Altri aspetti includono varie opzioni per personalizzare la presentazione. I contenuti devono essere visualizzati con schemi di colori, font e famiglie di font, interlinea ecc. definiti dall'utente, in breve con i CSS definiti dall'utente.
![Copyright: Screenshot app MeteoSvizzera](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_504583968/image.imageformat.1286.397586940.png)
Output flessibile - brevemente testato
- Controllo visivo: Ctrl + rotellina del mouse / Ctrl + [[ + / - ]]
- Modalità ad alto contrasto di Windows (Win HCM): [[Alt]] + [[Shift]] + [[PrtScn]]
- Interlinea / Font: pagina esternaBookmarklet per la spaziatura del testo
- CSS personalizzato: pagina esternaEstensione del browser Stylus
Input flessibile
Oltre al requisito di opzioni di output flessibili, sono richieste anche opzioni di input flessibili.
Tutti i componenti interattivi delle interfacce utente devono essere utilizzabili sia con i dispositivi di puntamento che con i dispositivi di input seriale.
![Fumetto: rappresentazione illustrativa del requisito per le interfacce utente digitali accessibili che possono essere utilizzate con diversi metodi di input. Ad esempio, con il mouse del computer e con la tastiera.](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_1275536775/image.imageformat.1286.2043365289.png)
Il mouse del computer è rappresentativo di tutti i dispositivi di puntamento come trackpad, mouse a bocca, joystick o dispositivi eye-tracking.
La tastiera, invece, rappresenta un'ampia gamma di dispositivi per la navigazione seriale. In questo caso, l'utente si sposta in serie da un elemento interattivo all'altro premendo un tasto (ad esempio, il tasto tab) e attivando l'elemento desiderato con un altro tasto (ad esempio, invio/barra spaziatrice). I dispositivi di input seriale sono spesso integrati in dispositivi di controllo ambientale personalizzati per persone con gravi disabilità motorie. (ad esempio, tetraplegici).
![Copyright: ©igorkol_ter - stock.adobe.com](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_1833831351/image.imageformat.1286.361621536.jpg)
Le interfacce utente elettroniche dovrebbero essere sempre utilizzabili sia con il puntatore che con i dispositivi di input seriali.
La navigazione seriale può funzionare solo se il focus della tastiera è chiaramente visibile in ogni momento!
Input flessibile - brevemente testato
- Tutti i contenuti e i componenti interattivi sono accessibili e utilizzabili sia con il mouse che con la tastiera (Tab, Enter, Space, frecce ed Esc)?
- È sempre facile riconoscere dove si trova il focus della tastiera?
- Vengono presi in considerazione modelli di interazione consolidati, generalmente conosciuti e accettati, oppure ci sono istruzioni dettagliate per l'azione, anche per gli input seriali?
Modelli di interazione consolidati per gli input seriali: pagina esternaPratiche WAI-ARIA - Modelli di progettazione e widget
Informazioni, semantica esplicita e feedback
(Compatibilità con le tecnologie assistive)
![](/bin/ethz/components/previewImage/youtube/M0Db8zIm-pA.jpg)
![Fumetti: rappresentazione illustrativa del significato di titoli significativi per le persone che utilizzano tecnologie assistive come gli screen reader.](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_1898544003/image.imageformat.1286.1412410760.png)
I requisiti più impegnativi per i contenuti accessibili senza barriere riguardano la compatibilità con tecnologie assistive complesse come screen reader e software di controllo vocale.
In entrambi i casi, tutte le informazioni semantiche e le proprietà implicite devono essere rese esplicite, in modo che la comunicazione tra esseri umani e macchine (ad esempio, screen reader) abbia successo.
![](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/textimage_212033740/image.imageformat.textsingle.1202266018.jpg)
- Diverse regioni o aree dell'interfaccia utente, come il banner/header, la navigazione, il contenuto principale o il piè di pagina, devono essere esplicitamente denominate nella lingua. A causa delle convenzioni, queste possono essere riconosciute solo attraverso indicazioni visive/caratteristiche di design.
- Lo stesso vale per la struttura semantica dei contenuti testuali. Questo vale soprattutto per Strutture di intestazione, elenchi e tabelle.
- Pulsanti/interruttori non devono essere riconoscibili come tali solo sulla base del loro design visivo. Lo stesso vale per le icone.
- Campi modulo e i gruppi di campi del modulo devono essere correttamente collegati alle rispettive denominazioni, in modo che sia chiaro quali input sono previsti dove.
La questione delle informazioni semantiche esplicite diventa più difficile in relazione a elementi interattivi scriptati, come ad esempio
- Dialoghi modali / finestre pop-up
- (Menu a tendina (Mega)
- Fisarmoniche, elenchi di schede e semplici elementi a discesa
- Caroselli
- Cursori / barre di scorrimento
- Tooltip
- e molti altri.
![Copyright: ©Oleg e Polly - stock.adobe.com](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_321556680/image.imageformat.1286.462248781.jpg)
La regola generale si applica quindi ai contenuti web, che l'HTML nativo è preferibile ai componenti interattivi con script.,quando è possibile. La maggior parte dei componenti HTML ha un significato semantico e può essere interpretata correttamente dagli screen reader.
Il WAI-ARIA-Lo standard W3C consente anche di integrare i componenti scripted con informazioni semantiche. Con l'aiuto degli attributi WAI-ARIA, si possono esplicitare "manualmente" i ruoli (di cosa tratta un widget?), le proprietà (ad esempio, i minimi e i massimi dei cursori) e gli stati (ad esempio, la posizione attuale del cursore).
Feedback
Per le interazioni in particolare, è estremamente importante che i cambiamenti di stato siano sempre restituiti esplicitamente come feedback e non solo visivamente. → Regioni live ARIA.
Infine, va detto che i motori di ricerca traggono enormi vantaggi dai contenuti semantici espliciti. Ne consegue che: I contenuti accessibili sono contenuti SEO-friendly.
Semantica - breve prova
Test per screen reader
- visita a dei nostri corsi
- Visita il nostro sito Risorse sul tema degli screen reader
Il principio dei 2 sensi
Le immagini e i contenuti multimediali si rivolgono specificamente al canale sensoriale visivo per i video e le immagini e al canale uditivo per i contenuti audio e le tracce audio dei video. Oggi nessuno di questi formati specifici può essere automatizzato in modo affidabile per gli altri canali sensoriali.
![](/bin/ethz/components/previewImage/youtube/cZPg6UGY9qw.jpg)
Immagini e testi alternativi
Anche le immagini, siano esse illustrazioni, foto, grafici, simboli o icone, trasmettono informazioni importanti. In tutti i casi, deve essere esplicitamente indicato come testo (in HTML di solito come attributo di testo alternativo: alt="informazioni veicolate") quali informazioni le rispettive immagini veicolano per le persone vedenti.
> Maggiori informazioni sull'accessibilità delle immagini e dei testi alternativi presso l'ETH
![Fumetto: rappresentazione illustrativa dell'importanza delle alternative testuali alle rappresentazioni puramente visive per le persone con gravi disabilità visive fino alla cecità.](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_643081555/image.imageformat.1286.1126707731.png)
Nel contesto dell'insegnamento universitario, occorre prestare particolare attenzione alle presentazioni scientifiche complesse che non solo raffigurano singoli elementi, ma rappresentano anche interazioni complesse.
![Illustrazione complessa del trasporto assonale in una cellula vertebrata](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_1675404566/image.imageformat.1286.13880626.jpg)
Audio e video
È quindi estremamente importante che qualsiasi informazione puramente visiva o puramente uditiva sia sempre esplicitamente preparata per almeno un'altra qualità sensoriale.
Il testo è considerato un "jolly" e può essere preparato automaticamente per diverse qualità sensoriali utilizzando le moderne tecnologie assistive: uditivo e tattile con l'aiuto di screen reader o direttamente leggibile visivamente come testo.
- Il contenuto audio dei video deve sempre essere offerto come testo sotto forma di didascalie sincronizzate.
![Fumetto: rappresentazione illustrativa del requisito dei sottotitoli per i contenuti video.](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_1040769231/image.imageformat.1286.1976951059.png)
- Il contenuto visivo dei video deve sempre essere trasmesso in modo udibile. O come parte della traccia audio "normale" o come traccia audio aggiuntiva con audiodescrizione.
![Fumetti: rappresentazione illustrativa del significato di buone descrizioni di contenuti visivi sulle diapositive delle presentazioni, in aula e successivamente negli appunti delle lezioni. Si applica anche alle informazioni visive nei video didattici.](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_2057158430/image.imageformat.1286.1896170624.png)
- Le informazioni trasmesse nei file audio devono essere offerte anche sotto forma di trascrizione testuale.
Il principio dei 2 sensi - breve test
L'unico modo per garantire che vengano offerte alternative significative per i contenuti multimediali è che le persone li ispezionino visivamente. Occorre prestare particolare attenzione alla qualità delle didascalie e delle trascrizioni del testo.
Lo stesso vale per le immagini. I testi alternativi in HTML possono essere resi visibili con l'aiuto di strumenti adeguati. AD ESEMPIO pagina esternaBarra degli strumenti per sviluppatori web di Chris Pederick
Valutare se un testo alternativo è utile e appropriato in un determinato contesto non è una questione banale. L'Alt-Text-Decision-Tree della Web Accessibility Initiative (WAI) serve come aiuto pragmatico per le decisioni.
Ci sono altri aspetti da considerare quando si valutano presentazioni scientifiche complesse. Le risorse che seguono forniscono alcune indicazioni. Si raccomanda vivamente di verificare sempre la correttezza delle alternative testuali risultanti da parte di esperti appropriati.
Colori e contrasti
I requisiti per l'uso dei colori e dei contrasti sono gli unici aspetti dell'accessibilità che limitano in una certa misura la creatività visiva dei designer.
![Fumetti: presentazione illustrativa del requisito di un rapporto minimo di contrasto tra testo e sfondo e del divieto di utilizzare il colore come unico mezzo di trasmissione delle informazioni.](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_2025079415/image.imageformat.1286.648815308.png)
Le informazioni non dovrebbero mai essere trasmesse esclusivamente attraverso i colori. Pensate a un sistema di prenotazione visiva in cui i posti liberi e quelli occupati sono contrassegnati esclusivamente con il colore verde o rosso. I daltonici e altre persone con disabilità visiva hanno grandi difficoltà a distinguere le categorie.
![](/de/die-eth-zuerich/lehre/e-accessibility/basics/_jcr_content/par/image_907762347/image.imageformat.1286.1362628194.jpg)
Contrasti
È ovvio che i requisiti minimi per il rapporto di contrasto tra testo e sfondo o tra componenti come i campi dei moduli e l'ambiente circostante sono essenziali per garantire che le persone con disabilità visiva possano utilizzare i media elettronici in modo corretto ed efficiente. È difficile compensare un contrasto insufficiente, anche con schemi di colori definiti dall'utente.