Imparare sull'accessibilità

Quali strumenti sono di uso comune per aiutare le persone con disabilità a usare il web?

Scegli tutte le risposte che ritieni adeguate.

Dispositivi di output braille

Screen reader

Docking station

Impostazioni del sistema operativo

Qual è un modo efficace per apportare modifiche sul web?

Scegli tutte le risposte che ritieni adeguate.

Reclamo sui social media.

Presentare una denuncia.

Contattare direttamente gli sviluppatori di un'azienda.

Qual è il livello più elevato degli standard WCAG?

Livello AAA

A Level

VERIFICA

Quali sono esempi di elementi azionabili?

Scegli tutte le risposte che ritieni adeguate.

Tutti i video hanno controlli.

Gli utenti hanno tempo sufficiente per compilare un modulo.

Tutti gli elementi attivi supportano la tastiera e il touchscreen.

Viene utilizzato un linguaggio semplice.

Quale delle seguenti è la best practice per creare un pulsante accessibile?

<div id="saveChanges" aria-role="button" aria-pressed="false" tabindex="0">Go to shop</div>

<a id="saveChanges" aria-label="Some awesome article title">Go to shop</a>

<button id="saveChanges" type="button">Go to shop</button>

Il tuo sito è un libro di testo online multilingue, in cui più lingue vengono mostrate in una sola pagina. Qual è il modo migliore per comunicare alle tecnologie per la disabilità la lingua della copia?

Imposta un attributo lang principale per <html> e lingue aggiuntive sugli elementi che contengono contenuti in una lingua diversa.

Non preoccuparti, la tecnologia assistiva è in grado di leggere automaticamente ogni lingua.

Includi tutte le lingue nell'elemento <html>. Ad esempio <html lang="en,lt,pl,pt">

Quale esempio di stile CSS `:focus` è il più accessibile su uno sfondo bianco?

outline: 0.5rem solid yellow;

background-color:black;

outline: none; text-decoration:none; background:none;

text-decoration: dotted underline 2px blue;

A cosa serve un link di salto?

Aiuta un utente che utilizza la tastiera a saltare gruppi di link ridondanti o inutili.

Aiuta un utente che utilizza la tastiera a saltare i contenuti non interessanti.

Qual è il modo migliore per modificare lo stile di un elemento con JavaScript?

Utilizza JavaScript per attivare/disattivare la classe di un elemento e aggiungi lo stile al tuo foglio di stile CSS.

Utilizza JavaScript per applicare lo stile dinamico direttamente all'interno di un elemento HTML.

Tutte le azioni JavaScript supportano gli utenti che utilizzano la tastiera?

Sì, tutte le azioni supportano automaticamente gli utenti che utilizzano la tastiera.

Sì, ma potresti dover fare del lavoro extra.

No, puoi supportare gli utenti della tastiera solo con HTML semantico.

Come puoi rendere accessibili le immagini complesse?

Scegli tutte le risposte che ritieni adeguate.

Includi una spiegazione più avanti nell'articolo.

Aggiungi un testo alternativo in formato lungo con una descrizione completa.

Aggiungi l'attributo aria-describedby all'immagine.

Utilizza un link per spiegazioni più lunghe.

Il solo colore non è un identificatore sufficiente per la documentazione. Cos'altro può aiutare i lettori a identificare gli elementi dell'interfaccia utente?

Pattern

Testo

Icona

Tutte le risposte sono corrette

Cosa possiamo creare che rifletta le impostazioni del sistema operativo per il movimento?

@prefers-reduced-motion

Attivazione/disattivazione JavaScript

Per un testo leggibile, devo sempre utilizzare un contrasto elevato tra il testo e lo sfondo.

False

True

Quali caratteri sono i migliori per l'accessibilità?

Caratteri accessibili.

Caratteri di sistema come Arial e Verdana.

Non fa differenza.

Quale dei seguenti input del modulo è il più accessibile?

<label>Email address (required): <input type="email" required aria-describedby="email-validation"> <span id="email-validation" class="validation-message">Please provide a valid email address using the format name@place.com</span></label>

Email address: <input type="email" required>

<label>Email address: <input type="email" required></label>

<label>Email address: <input type="email" required autocomplete="email"></label>

I componenti accessibili rimangono sempre accessibili agli utenti?

No, devi prima testare i componenti.

Sì, puoi utilizzare questi componenti senza lavoro aggiuntivo.

Quale tipo di test dovresti eseguire per assicurarti che il tuo sito sia accessibile?

Scegli tutte le risposte che ritieni adeguate.

Test automatici

Test manuale

Test sugli utenti

Test delle tecnologie per la disabilità

Test di valutazione.

Quali errori vengono rilevati nei test automatici?

Scegli tutte le risposte che ritieni adeguate.

Linguaggio inclusivo

Testo alternativo mancante

Problemi di contrasto di colore

Etichette del modulo descrittive

Errori ARIA

Quali elementi devono soddisfare gli standard di contrasto cromatico WCAG?

Icone

Intestazioni

Corpo del testo

Tutte le risposte precedenti

Qual è lo screen reader migliore da utilizzare per testare l'accessibilità?

Non esiste

JAWS

VoiceOver

Orca

Qual è lo scopo dei test con tecnologie per la disabilità?

Per verificare la presenza di difetti nel tuo sito web o nella tua app.

Per provare la stessa esperienza delle persone che utilizzano tecnologie per la disabilità.

Quali strumenti sono di uso comune per aiutare le persone con disabilità a usare il web?

Qual è un modo efficace per apportare modifiche sul web?

Qual è il livello più elevato degli standard WCAG?

Quali sono esempi di elementi azionabili?

Quale delle seguenti è la best practice per creare un pulsante accessibile?

Il tuo sito è un libro di testo online multilingue, in cui più lingue vengono mostrate in una sola pagina. Qual è il modo migliore per comunicare alle tecnologie per la disabilità la lingua della copia?

Quale esempio di stile CSS :focus è il più accessibile su uno sfondo bianco?

A cosa serve un link di salto?

Qual è il modo migliore per modificare lo stile di un elemento con JavaScript?

Tutte le azioni JavaScript supportano gli utenti che utilizzano la tastiera?

Come puoi rendere accessibili le immagini complesse?

Il solo colore non è un identificatore sufficiente per la documentazione. Cos'altro può aiutare i lettori a identificare gli elementi dell'interfaccia utente?

Cosa possiamo creare che rifletta le impostazioni del sistema operativo per il movimento?

Per un testo leggibile, devo sempre utilizzare un contrasto elevato tra il testo e lo sfondo.

Quali caratteri sono i migliori per l'accessibilità?

Quale dei seguenti input del modulo è il più accessibile?

I componenti accessibili rimangono sempre accessibili agli utenti?

Quale tipo di test dovresti eseguire per assicurarti che il tuo sito sia accessibile?

Quali errori vengono rilevati nei test automatici?

Quali elementi devono soddisfare gli standard di contrasto cromatico WCAG?

Qual è lo screen reader migliore da utilizzare per testare l'accessibilità?

Qual è lo scopo dei test con tecnologie per la disabilità?

Quale esempio di stile CSS `:focus` è il più accessibile su uno sfondo bianco?