Google uses AI technology to translate content into your preferred language. AI translations can contain errors. Risorse Accessibilità Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze. Imparare sull'accessibilità Torna al percorso 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à. Invia risposte error_outline Si è verificato un errore durante la valutazione del quiz. Riprova. Indietro arrow_back Conclusioni e passaggi successivi Avanti Glossario arrow_forward