Passa ai contenuti principali

Accessibilità

Accessibilità pratica: contrasto WCAG, tastiera, link e alt per siti inclusivi che reggono controlli reali e non perdono utenti durante la navigazione.

14 lezioni circa 103 min

Lezioni

  1. Benvenuto nel percorso

    Rendi il sito usabile con tastiera, screen reader e contrasto adeguato.

    Il contrasto WCAG è il controllo più rapido da fare su ogni nuova pagina.

    Inizia
  2. Perché l’accessibilità conta Utenti reali, obblighi e beneficio SEO quando il sito è usabile da tutti: guida operativa per perché l’accessibilità conta. Articolo · 7 min
  3. Contrasto WCAG Contrasto colori WCAG con rapporti minimi AA: impara a misurare testo e sfondo con esempi numerici così il sito resta leggibile a tutti e supera audit. Articolo · 8 min
  4. Focus visibile Tastiera e :focus-visible evidenti: ordine di tab logico e indicatori visibili per chi non usa il mouse e per superare audit di accessibilità sul serio. Articolo · 8 min
  5. Anchor descrittivi Testi di link con contesto fuori dal paragrafo: anchor comprensibili in menu e liste per screen reader e navigazione rapida senza leggere tutta la pagina. Esercizio · 7 min
  6. Attributo alt Attributo alt corretto per informare o decorare: quando lasciare vuoto, quando descrivere e come evitare ridondanze che annoiano chi usa screen reader. Articolo · 7 min
  7. Errori di form annunciati aria-live, messaggi vicini al campo e riepilogo errori: guida operativa per errori di form annunciati. Controlli operativi e priorità prima del go-live online. Articolo · 8 min
  8. ARIA: ruoli e regioni live Quando ARIA aiuta e quando il markup nativo basta: guida operativa per aria: ruoli e regioni live: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 8 min
  9. Sottotitoli e trascrizioni track kind=captions e testo alternativo per audio: guida operativa per sottotitoli e trascrizioni: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 7 min
  10. Titolo pagina e lingua title descrittivo, lang e dir per screen reader corretti: guida operativa per titolo pagina e lingua: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 6 min
  11. Target touch adeguati Aree cliccabili ≥44px e spaziatura tra controlli: guida operativa per target touch adeguati: esempi e passi da applicare subito sul sito che pubblichi. Esercizio · 7 min
  12. Test manuali rapidi Solo tastiera, zoom 200% e checklist prima del go-live: guida operativa per test manuali rapidi: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 8 min
  13. Leggibilità e linguaggio chiaro Frasi brevi, glossario e struttura che riduce il carico cognitivo: guida operativa per leggibilità e linguaggio chiaro sul web, con errori comuni da evitare. Articolo · 7 min
  14. Livelli WCAG e dichiarazione A vs AA, cosa documentare e come pianificare i fix: guida operativa per livelli wcag e dichiarazione: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 8 min
  15. Checklist accessibilità Controlli finali su nuove pagine e regressioni dopo deploy: guida operativa per checklist accessibilità sul web, con errori comuni da evitare. Quiz · 7 min

Metti alla prova quello che hai imparato

Esegui l’audit SEO su Martini Francesco e verifica title, meta e performance sulla tua homepage.

Avvia audit SEO