Il Browser Microsoft Edge include un lettore ad alta voce o anche uno strumento di lettura immersiva molto utile per gli utenti con disabilità o dislessici.
Per accedere, nella barra dell'indirizzo far precedere la URL da:
read://
venerdì 19 gennaio 2024
giovedì 18 gennaio 2024
Microsoft: verifica di accessibilità
Microsoft: verifica di accessibilità
Viene visualizzato nella parte inferiore del programma Microsoft (Word, PowerPoint, Excel) nella barra di stato. È possibile visualizzare i problemi riscontrati selezionando il pulsante dell'icona Accessibilità nella barra di stato.
Anche se i controllori automatici non individuano tutti i problemi, sono un ottimo strumento da avere nel proprio set di strumenti e ci ricordano che dobbiamo pensare all'accessibilità quando creiamo o modifichiamo i contenuti.
WAVE Web Accessibility Evaluation Tools
WAVE Web Accessibility Evaluation Tools
Per verificare l'accessibilità dei siti web: restituisce un Report con gli errori di accessibilità.
Colore e contrasto testo sfondo
- Utilizzate un contrasto sufficiente tra il testo e lo sfondo per garantire che il testo sia leggibile per tutti gli utenti.
- Evitare colori forti e immagini per lo sfondo dei documenti testuali, presentazioni powerpoint e siti web
- I colori di primo piano e di sfondo devono soddisfare i requisiti WCAG per il contrasto, che varia a seconda delle dimensioni del testo.
(verifica con il WAVE WebAIM Web Accessibility Evaluation Tool) - Evitate di usare il colore da solo per trasmettere un significato, perché il vostro messaggio potrebbe essere perso o frainteso da chi non vede i colori.
- Utilizzate il colore insieme a un elemento secondario (come la forma o le differenze di testo) per garantire che il significato possa essere compreso senza l'uso del solo colore.
Ai fini dell'accessibilità si considera il contrasto di luminanza:
- La WCAG 2.0 livello AA richiede un rapporto di contrasto di almeno 4,5:1 per il testo di dimensione normale e di 3:1 per il testo di grandi dimensioni.
- La WCAG 2.1 richiede un rapporto di contrasto di almeno 3:1 per i componenti grafici e per l'interfaccia utente (come i bordi di input dei moduli).
- La WCAG livello AAA richiede un rapporto di contrasto di almeno 7:1 per il testo normale e 4,5:1 per il testo di grandi dimensioni.
Contrasto: tool e strumenti utili per analizzare il contrasto
Color Contrast Analyser (free)
può essere utilizzato su siti web, durante lo sviluppo di app, nella progettazione di grafica per i social media, diapositive PowerPoint, PDF, file InDesign e quasi tutto!Caratteristiche:
- Indicatori di conformità alle WCAG 2.1
- Modalità scura
- Diversi modi per selezionare i colori: È possibile inserire manualmente i formati di colore CSS, utilizzare un cursore RGB o scegliere lo strumento di selezione dei colori.
- Simulatore di cecità cromatica (daltonismo)
- Supporto per la trasparenza alfa sui colori in primo piano
WCAG Color contrast checker
WCAG Color contrast checker è uno dei strumenti più completi per la valutazione del contrasto. È un'estensione per il browser che misura il contrasto su tutti gli elementi della pagina in base ai requisiti di accessibilità WCAG. Considera le proprietà CSS color e background-color e analizza anche i valori RGBA.
Può simulare il daltonismo e valutare il contrasto per le simulazioni. In questo modo, gli sviluppatori possono vedere come appaiono le pagine per gli utenti daltonici.
Lo strumento include anche due campi in cui si possono inserire manualmente i colori da testare e di prelevare il colore direttamente dagli elementi della pagina.
Infine, si aggiorna automaticamente quando il DOM della pagina cambia (aggiunta o rimozione di elementi), ma se la pagina subisce molte modifiche, questa funzionalità può essere disattivata.
WeabAIM Contrast Checker
WeabAIM Contrast Checker è uno strumento fruibile direttamente sul web, per calcolare il contrasto tra testo e sfondo. È sufficiente inserire il colore di sfondo e il colore del testo per sapere se e come si stanno rispettando i livelli di contrasto per l'accessibilità.
Colorzilla
Colorzilla è un'estensione da installare sul browser che serve per identificare il colore degli elementi di ogni pagina web.
WAVE
WAVE è anche questa un'estensione che consente di analizzare, tra le altre cose, i rapporti di contrasto per tutti gli elementi di testo della pagina contemporaneamente.
WebAIM Link Contrast Checker
WebAIM Link Contrast Checker è un tool fruibile direttamente sul web, per calcolare il contrasto dei link in relazione con il testo e lo sfondo. È sufficiente inserire il colore del link, del testo e dello sfondo per analizzare il livello di contrasto per l'accessibilità.
ALT Text: descrizione immagini e elementi non testuali
Fornire una descrizione testuale (nota anche come Alt Text) per immagini, infografiche e grafici complessi. Aggiungere testo alternativo a tutte le immagini non decorative, per trasmettere le informazioni equivalenti a chi potrebbe non essere in grado di vedere l'immagine.
- Mantenete un testo breve e descrittivo.
- Non includete "immagine di" o "foto di".
Nella maggior parte dei programmi, fare clic con il tasto destro del mouse sull'immagine per visualizzare un menu con le opzioni "Aggiungi testo alt" o "Modifica immagine".
L'affidamento a rappresentazioni puramente visive delle informazioni causa barriere di accessibilità per le persone che si affidano principalmente a tecnologie assistive come gli screen reader per navigare e interpretare le informazioni digitali.
Link descrittivi
Il testo dei link (etichetta) dovrebbe essere:
- unico
- descrittivo
- indicare chiaramente la destinazione del link (target)
Se si condividono documenti da stampare, si consiglia di includere sia un link descrittivo che il testo completo della URL.
Selezionare ed evidenziare il testo che si desidera collegare, fare clic con il pulsante destro del mouse e scegliere Modifica testo del collegamento.
Selezionare ed evidenziare il testo che si desidera collegare, fare clic con il pulsante destro del mouse e scegliere Modifica testo del collegamento.
Elenchi puntati e numerati
Suddividere il contenuto in elenchi, che facilitano la lettura, fornendo una struttura visiva ed evidenziando i punti chiave.
Menu Formato, per impostare un elenco puntato o numerato.
Formattazione del testo per renderlo più più facile da leggere
- Scegliere un font sans serif.
- Impostate interlinea a 1,5.
- Testo allineato a sinistra, per consentire agli utenti di identificare facilmente le nuove righe.
- Mantenete i caratteri a una dimensione standard o superiore: per i documenti è di 11pt e per le presentazioni di diapositive di 18pt.
Struttura del documento
Fornire uno schema del documento, che consente una migliore navigazione, migliorando così l'accessibilità.
Titolo e intestazioni:
Titolo: guida l'intero documento e ne cattura il contenuto in una o due frasi
Intestazione: guida solo un capitolo o una sezione e cattura solo il contenuto di quel capitolo o sezione.
Intestazione: guida solo un capitolo o una sezione e cattura solo il contenuto di quel capitolo o sezione.
- Si consiglia di utilizzare un solo Titolo nel documento e Sottotitolo, ma è possibile utilizzare più Intestazione1 e Intestazione2.
- Mantenere la gerarchia: non saltate i livelli di intestazione. Non passate da un'intestazione 1 a un'intestazione 5.
- Utilizzare l'opzione di menu Stili per applicare i livelli di intestazione al testo delle sezioni del documento.
Creare documenti Google accessibili
Aggiungere Metadati descrittivi al file, per renderlo ricercabile, facilmente identificabile.
Metadati:
Specificate la lingua del documento: dal Menu file si può impostare la lingua del documento.
Nome file: assegnate al file un titolo e un nome chiari.
Metadati:
Specificate la lingua del documento: dal Menu file si può impostare la lingua del documento.
Nome file: assegnate al file un titolo e un nome chiari.
Struttura del documento:
Fornire uno schema del documento, che consente una migliore navigazione, migliorando così l'accessibilità.
Fornire uno schema del documento, che consente una migliore navigazione, migliorando così l'accessibilità.
Titolo e intestazioni:
Titolo: guida l'intero documento e ne cattura il contenuto in una o due frasi
Intestazione: guida solo un capitolo o una sezione e cattura solo il contenuto di quel capitolo o sezione.
Intestazione: guida solo un capitolo o una sezione e cattura solo il contenuto di quel capitolo o sezione.
Si consiglia di utilizzare un solo Titolo nel documento e Sottotitolo, ma è possibile utilizzare più Intestazione1 e Intestazione2.
Mantenere la gerarchia: non saltate i livelli di intestazione. Non passate da un'intestazione 1 a un'intestazione 5.
Utilizzare l'opzione di menu Stili per applicare i livelli di intestazione al testo delle sezioni del documento.
Utilizzare l'opzione di menu Stili per applicare i livelli di intestazione al testo delle sezioni del documento.
Formattare il testo per renderlo leggibile:
un font sans serif, e impostate l'interlinea a 1,5 renderà il documento più facile da leggere.
un font sans serif, e impostate l'interlinea a 1,5 renderà il documento più facile da leggere.
testo allineato a sinistra, per consentire agli utenti di identificare facilmente le nuove righe.
Mantenete i caratteri a una dimensione standard o superiore: per i documenti è di 11pt e per le presentazioni di diapositive di 18pt.
Elenchi puntati e numerati:
Suddividere il contenuto in elenchi, che facilitano la lettura, fornendo una struttura visiva ed evidenziando i punti chiave.
Menu Formato, per impostare un elenco puntato o numerato.
Link descrittivi:
il testo dei link (etichetta) dovrebbe essere unico, descrittivo e indicare chiaramente la destinazione del link.
Menu Formato, per impostare un elenco puntato o numerato.
Link descrittivi:
il testo dei link (etichetta) dovrebbe essere unico, descrittivo e indicare chiaramente la destinazione del link.
Se si condividono documenti da stampare, si consiglia di includere sia un link descrittivo che il testo completo della URL.
Selezionare ed evidenziare il testo che si desidera collegare, fare clic con il pulsante destro del mouse e scegliere Modifica testo del collegamento.
Aggiungere testo alternativo alle immagini
Andrebbe aggiunto a tutte le immagini non decorative, per trasmettere le informazioni equivalenti a chi potrebbe non essere in grado di vedere l'immagine.
Selezionare ed evidenziare il testo che si desidera collegare, fare clic con il pulsante destro del mouse e scegliere Modifica testo del collegamento.
Aggiungere testo alternativo alle immagini
Andrebbe aggiunto a tutte le immagini non decorative, per trasmettere le informazioni equivalenti a chi potrebbe non essere in grado di vedere l'immagine.
Mantenete un testo breve e descrittivo.
Non includete "immagine di" o "foto di".
Nella maggior parte dei programmi, fare clic con il tasto destro del mouse sull'immagine per visualizzare un menu con le opzioni "Aggiungi testo alt" o "Modifica immagine".
Utilizzare un elevato contrasto di colore
Scegliete un colore per il testo e gli altri elementi che abbia un alto grado di contrasto con il colore dello sfondo. Per i contenuti web, lo standard è 4,5:1 per la maggior parte del testo. Evitate testi chiari su sfondi chiari e testi scuri su sfondi scuri.
Usare un verificatore di accessibilità
Un verificatore automatico dell'accessibilità può aiutarvi a individuare e correggere gli errori di accessibilità.
Anche se i controllori automatici non possono individuare tutti i problemi, sono un ottimo strumento da avere nel proprio set di strumenti e ci ricordano che dobbiamo pensare all'accessibilità quando creiamo o modifichiamo i contenuti.
es. Grackle: un servizio di terze parti che analizza i documenti, le diapositive e i fogli di Google alla ricerca di problemi di accessibilità e vi guida nel processo di correzione.
COME VERIFICARE IL CONTRASTO DEI COLORI
Alcuni dei verificatori automatici di accessibilità segnalano gli errori di colore mentre si lavora. Per verificare da soli, provate a scaricare uno strumento desktop, come il Color Contrast Analyser di TPGi.
9. Evitare di usare il colore da solo per trasmettere un significato
Evitate di usare il colore da solo per trasmettere un significato, perché il vostro messaggio potrebbe essere perso o frainteso da chi non vede i colori. Utilizzate invece il colore insieme a un elemento secondario (come la forma o le differenze di testo) per garantire che il significato possa essere compreso senza l'uso del solo colore.
Nella maggior parte dei programmi, fare clic con il tasto destro del mouse sull'immagine per visualizzare un menu con le opzioni "Aggiungi testo alt" o "Modifica immagine".
Utilizzare un elevato contrasto di colore
Scegliete un colore per il testo e gli altri elementi che abbia un alto grado di contrasto con il colore dello sfondo. Per i contenuti web, lo standard è 4,5:1 per la maggior parte del testo. Evitate testi chiari su sfondi chiari e testi scuri su sfondi scuri.
Usare un verificatore di accessibilità
Un verificatore automatico dell'accessibilità può aiutarvi a individuare e correggere gli errori di accessibilità.
Anche se i controllori automatici non possono individuare tutti i problemi, sono un ottimo strumento da avere nel proprio set di strumenti e ci ricordano che dobbiamo pensare all'accessibilità quando creiamo o modifichiamo i contenuti.
es. Grackle: un servizio di terze parti che analizza i documenti, le diapositive e i fogli di Google alla ricerca di problemi di accessibilità e vi guida nel processo di correzione.
COME VERIFICARE IL CONTRASTO DEI COLORI
Alcuni dei verificatori automatici di accessibilità segnalano gli errori di colore mentre si lavora. Per verificare da soli, provate a scaricare uno strumento desktop, come il Color Contrast Analyser di TPGi.
9. Evitare di usare il colore da solo per trasmettere un significato
Evitate di usare il colore da solo per trasmettere un significato, perché il vostro messaggio potrebbe essere perso o frainteso da chi non vede i colori. Utilizzate invece il colore insieme a un elemento secondario (come la forma o le differenze di testo) per garantire che il significato possa essere compreso senza l'uso del solo colore.
Iscriviti a:
Post (Atom)