Accessibilità WCAG per scuole online: rispettare tutti i bisogni

Quando hai messo la tua scuola di estetica online — il portale, le videolezioni, i quiz, l'area riservata alle allieve — hai pensato ai colori, alla grafica, al logo. Probabilmente non hai pensato a una ragazza ipovedente che fatica a leggere i testi chiari su sfondo bianco, a una con difficoltà motorie che non può cliccare bottoni piccoli, o a una con dislessia che si blocca davanti a paragrafi lunghi di teoria dermatologica. Eppure queste allieve esistono, vogliono formarsi, hanno diritto di farlo come tutte le altre. E per una scuola riconosciuta dalla Regione, rendere il sito e la piattaforma accessibili non è più solo una gentilezza: e' un obbligo crescente, con sanzioni reali. In questa guida ti spiego cosa sono le WCAG, come fare un audit gratuito della tua scuola online, e quali sono i 10 fix da fare questa settimana per essere subito più inclusiva.

In breve

• Le WCAG sono le linee guida internazionali sull'accessibilità web, versione attuale 2.2 pubblicata dal W3C
• Esistono tre livelli di conformita': A (minimo), AA (standard richiesto per legge), AAA (eccellenza)
• Le scuole accreditate e quelle che ricevono fondi pubblici sono obbligate AA dal 28 giugno 2025 (Direttiva UE 2019/882 — European Accessibility Act, recepita in Italia con D.Lgs. 82/2022 con piena entrata in vigore 28/06/2025)
• I quattro principi base: Percepibile, Utilizzabile, Comprensibile, Robusto (POUR)
• Strumenti gratuiti per fare audit: WAVE, axe DevTools, Lighthouse
• Le correzioni più rapide e d'impatto: contrasto colori, alt text sulle immagini, caption nei video, testi semplici

Chi deve leggere questa guida

Questa guida è per te se:

• hai una scuola di estetica con un sito vetrina e/o una piattaforma di e-learning
• offri una parte di didattica online (videolezioni, dispense digitali, quiz)
• non hai idea di cosa voglia dire "accessibile" applicato a un sito web
• hai una scuola accreditata dalla Regione o ricevi fondi pubblici (FSE, programmi GOL)
• vuoi evitare di prendere multe e soprattutto vuoi includere chi ha bisogni diversi

Anche se la tua scuola non rientra nell'obbligo normativo, seguire queste linee guida ti apre un mercato che oggi ignori. In Italia oltre 3 milioni di persone hanno una disabilità visiva o motoria che rende difficile navigare siti non accessibili. Una parte di loro vuole fare estetica, o vuole iscrivere una figlia. Oggi sbattono contro il tuo sito e vanno via.

Che cosa sono le WCAG? WCAG sta per Web Content Accessibility Guidelines, in italiano "linee guida per l'accessibilità dei contenuti web". Le scrive un ente internazionale che si chiama W3C, che è la stessa organizzazione che definisce gli standard di come funziona internet. La versione attuale è la 2.2, pubblicata nel 2023. Sono un elenco di criteri verificabili: "i testi devono avere un contrasto minimo di X", "i video devono avere sottotitoli", "ogni immagine deve avere una descrizione testuale". Ogni Paese europeo le ha recepite come base per le proprie leggi sull'accessibilità dei servizi digitali.

Perché questo tema tocca la tua scuola di estetica

Qui serve un po' di contesto. In Italia la Legge 4/2004 (Legge Stanca) parla da anni di accessibilità dei siti della Pubblica Amministrazione. Poi nel 2019 è arrivata la direttiva europea Accessibility Act, recepita in Italia nel 2022. Questa direttiva allarga l'obbligo di accessibilità a molti servizi privati, fra cui piattaforme di e-learning, sistemi di iscrizione online, portali di servizi digitali. Dal 28 giugno 2025 l'obbligo è entrato pienamente in vigore per le imprese con certe caratteristiche.

Nella pratica, per la tua scuola di estetica vale questa regola:

• se sei scuola accreditata dalla Regione o ricevi fondi pubblici (anche solo per una singola allieva in borsa GOL): devi essere conforme a WCAG 2.1 AA (e presto 2.2 AA)
• se sei scuola privata completamente autofinanziata ma con più di 10 dipendenti e fatturato sopra i 2 milioni: ti applica l'Accessibility Act
• se sei scuola piccola privata sotto queste soglie: non sei formalmente obbligata, ma vale comunque la normativa antidiscriminazione

Al di la' dell'obbligo: un sito accessibile è meglio per tutti, anche per chi non ha disabilità. I testi chiari si leggono meglio anche sul telefono in metropolitana. I video sottotitolati funzionano anche quando non puoi accendere l'audio. Bottoni grandi riducono gli errori di tutti. L'accessibilità è user experience di qualità per la maggioranza, non solo per una minoranza.

I concetti di base che devi avere in testa

Prima di correggere qualsiasi cosa, devi capire come funziona la logica delle WCAG. Ti spiego i pochi concetti che servono, senza tecnicismi.

1. I quattro principi: POUR

Le WCAG girano attorno a quattro principi, riassunti nell'acronimo POUR. Te li traduco in italiano pratico:

Percepibile Le informazioni devono essere presentate in modo che possano essere percepite dai sensi disponibili dell'utente. Esempio: se un'allieva è cieca, usa uno screen reader (un software che legge il testo ad alta voce). Se la tua immagine non ha una descrizione testuale (alt text), lo screen reader legge solo "immagine" e l'allieva non capisce cosa rappresenta. Risultato: contenuto non percepibile.

Utilizzabile L'utente deve poter usare ogni funzione del sito con strumenti diversi dal mouse. Esempio: un'allieva con mobilità ridotta alle mani naviga con la tastiera. Se il tuo bottone "Invia iscrizione" non si attiva con il tasto Tab + Invio, lei non può iscriversi. Risultato: sito non utilizzabile per lei.

Comprensibile Testi e interazioni devono essere scritti in modo comprensibile. Esempio: se sulla pagina iscrizione usi termini tecnici ("compilare l'anagrafica in modalita' sincrona prima dell'onboarding propedeutico"), chi ha dislessia o bassa scolarita' non capisce. Il testo deve essere in italiano semplice.

Robusto Il sito deve funzionare su browser diversi, dispositivi diversi, tecnologie assistive diverse. Se il tuo portale funziona solo su Chrome ultima versione e si rompe su Safari o su lettori di schermo, non è robusto.

2. I tre livelli: A, AA, AAA

Ogni criterio WCAG ha un livello di priorita':

Il tuo obiettivo realistico è il livello AA su tutto il sito e sulla piattaforma. Non devi impazzire per il AAA: non è obbligatorio e spesso è in conflitto con altre esigenze (per esempio il AAA chiede testi ancora più semplici di quelli del AA, cosa che in alcuni contesti tecnici non è possibile).

3. I "ruoli" delle allieve con disabilità

Non esiste "una" disabilità. Ne esistono tanti tipi, ognuno con bisogni diversi.

In una scuola di estetica la percentuale di allieve con disabilità dichiarata è tipicamente il 2-5% del totale. Sembra poco, ma su 100 allieve sono 2-5 persone che oggi non stai servendo bene.

4. Accessibile non vuol dire "brutto"

Il mito da sfatare subito: "ma allora il sito diventa grigio e tristissimo". Falso. Le WCAG dicono cosa devi garantire, non come deve essere graficamente. Puoi avere un sito super curato esteticamente ed essere completamente accessibile. Apple, Microsoft, i siti delle grandi università europee sono tutti conformi AA e bellissimi.

Come si fa nella pratica: audit e correzioni

Adesso entriamo nel lavoro vero. Ti guido in 3 step: prima fai un audit gratis, poi correggi le cose più importanti, poi verifichi che stia in piedi.

Step 1 — Audit gratuito con strumenti automatici

Ci sono tre strumenti gratuiti che usano tutti i professionisti dell'accessibilità. Te li propongo con istruzioni semplici.

WAVE (Web Accessibility Evaluation Tool) Come si usa: vai su wave.webaim.org, incolli l'indirizzo di una tua pagina (es. la home, la pagina iscrizioni, la pagina contatti), clicchi "Analizza". Ti restituisce una pagina uguale alla tua ma con ICONE colorate sopra ogni problema: rosso = errore grave, giallo = avvertimento, verde = elemento accessibile. Gratis, non serve registrazione.

axe DevTools Come si usa: installa l'estensione gratuita per Chrome o Firefox. Apri la pagina del tuo sito, premi F12 (apre gli strumenti sviluppatore), vai nella tab "axe DevTools", clicchi "Analizza". Ti elenca tutti i problemi di accessibilità con gravita' e indicazioni su come risolvere. È un po' più tecnico di WAVE ma più dettagliato.

Lighthouse (integrato in Chrome) Come si usa: apri la pagina in Chrome, premi F12, vai nella tab "Lighthouse", selezioni "Accessibility", clicchi "Analyze page load". Ti da' un punteggio da 0 a 100 e una lista di problemi. È il più veloce, utile per un primo check.

Fai girare almeno uno di questi tre strumenti su:

• Home del sito
• Pagina "Iscriviti al corso"
• Pagina contatti
• Una pagina interna del portale allieve (se accessibile pubblicamente o con credenziali di test)
• La pagina di una videolezione di esempio

Scrivi i problemi trovati in un foglio Excel semplice, con colonne: Pagina / Problema / Gravita' / Come risolvere. Questo diventa il tuo piano di lavoro.

Step 2 — Le 10 correzioni che producono l'80% dei risultati

Il principio di Pareto vale anche qui. Le 10 correzioni sotto elencate risolvono tipicamente l'80% dei problemi di accessibilità di una scuola online media.

1. Alt text su tutte le immagini informative

Che cos'e' l'alt text? È una breve descrizione testuale che metti dentro il codice dell'immagine. Quando un'allieva cieca usa lo screen reader, il software non può "vedere" l'immagine, ma legge l'alt text. Esempio: l'alt text di una foto di trattamento viso può essere "Estetista esegue un massaggio viso rilassante su cliente sdraiata sul lettino". Non "foto1", non "immagine": una descrizione vera.

Come si mette: dal tuo CMS (WordPress, Wix, ecc.) quando carichi un'immagine c'è un campo "testo alternativo" o "alt". Lo compili per ogni immagine che comunica qualcosa. Le immagini puramente decorative (es. un ghirigoro grafico) puoi lasciarle con alt vuoto.

2. Sottotitoli nei video

Ogni video di lezione deve avere sottotitoli. YouTube e Vimeo generano sottotitoli automatici gratis, ma sono pieni di errori: devi rivederli prima di pubblicare. Per le scuole di estetica il problema è forte perché i termini tecnici ("corneometria", "contouring") i sistemi automatici li storpiano.

Tempo medio di correzione: 15-20 minuti per un video di 30 minuti. Lo puoi fare tu stessa o farlo fare a una tutor.

3. Contrasto dei colori

Il contrasto fra testo e sfondo deve essere almeno 4.5:1 per i testi normali, 3:1 per i testi grandi (oltre 18pt). Come lo verifichi? Col tool gratuito WebAIM Contrast Checker: scrivi il colore del tuo testo e il colore dello sfondo, ti dice se passa o no.

Esempio concreto: rosa tenue su bianco (tipico delle scuole di estetica) spesso ha contrasto 2:1, quindi non passa. Devi scurire un po' il rosa, oppure metterlo su sfondo più scuro.

4. Testi leggibili

• Dimensione testo minima: 16 pixel (non 12 o 14)
• Altezza riga: 1.5 (leggibile)
• Paragrafi brevi (3-4 righe massimo)
• Titoli strutturati (H1, H2, H3 in ordine)
• Linguaggio semplice: frasi di 15-20 parole, niente gergo non spiegato

Gran parte delle WCAG sul testo sono identiche alle buone regole di scrittura chiara.

5. Navigazione da tastiera

Verifica: chiudi il mouse, prova a navigare il tuo sito solo con i tasti Tab (sposta il focus), Invio (attiva), frecce. Riesci a iscriverti a un corso? A trovare i contatti? Se no, hai un problema. La navigazione da tastiera deve sempre funzionare, e l'elemento "in focus" deve essere ben visibile (un bordo colorato intorno).

6. Form etichettati

Ogni campo di modulo (nome, cognome, email, telefono) deve avere un'etichetta testuale visibile, non solo un placeholder che scompare quando inizi a scrivere. Altrimenti un'allieva con screen reader non sa cosa deve compilare.

7. Link descrittivi

Evita link tipo "clicca qui" o "scopri di più" da soli. Meglio "scopri il programma del primo anno di estetica". Quando uno screen reader legge una lista di link, se sono tutti "clicca qui" l'allieva cieca non capisce dove portano.

8. Nessun lampeggio

Animazioni che lampeggiano più di 3 volte al secondo possono indurre crisi epilettiche. Evitale sempre. Animazioni leggere vanno bene, ma devono poter essere disattivate dall'utente.

9. Niente informazioni solo tramite colore

Non usare solo il colore per comunicare un'informazione. Esempio sbagliato: "i moduli in rosso sono obbligatori". Esempio giusto: "i moduli con asterisco (*) sono obbligatori" (e in più sono anche in rosso, va bene). La ridondanza aiuta chi non distingue i colori.

10. Trascrizioni per gli audio

Se hai podcast o lezioni solo audio, fornisci la trascrizione testuale. Serve alle allieve sorde ma anche a quelle che preferiscono leggere o consultare velocemente.

Step 3 — Pubblica la dichiarazione di accessibilità

Se sei scuola accreditata o ricevi fondi pubblici, sei obbligata a pubblicare una dichiarazione di accessibilità: un documento, linkato dal footer del sito, che dichiara:

• il grado di conformita' raggiunto (es. "parzialmente conforme ai criteri WCAG 2.1 AA")
• quali parti non sono ancora conformi e perché
• come l'utente può segnalare problemi
• entro quando la scuola si impegna a correggere

L'AgID (Agenzia per l'Italia Digitale) fornisce un template gratuito scaricabile. Compilalo, pubblicalo, aggiornalo ogni anno.

Esempio numerico: quanto costa rendere accessibile una scuola online

Facciamo i conti per una scuola-tipo con: 1 sito vetrina (10 pagine), 1 piattaforma LMS con 60 videolezioni, area allieve.

Non è poco, ma è distribuibile su 12 mesi. È molto meno di quanto costa una multa o una causa per discriminazione.

Caso anonimo: la scuola di Francesca a Bologna

Francesca (nome di fantasia) gestisce una scuola di estetica accreditata dalla Regione Emilia-Romagna, 95 allieve tra primo e secondo anno. Nel 2024 ha ricevuto una diffida dal garante regionale per l'accessibilità dopo che una potenziale allieva ipovedente aveva segnalato di non riuscire a compilare il modulo di iscrizione online.

La segnalazione conteneva:

• testi bottoni "Iscriviti" in grigio chiaro su sfondo bianco, contrasto 2.3:1 (da norma doveva essere 4.5:1)
• immagini dei corsi senza alt text
• video di presentazione della scuola senza sottotitoli
• form iscrizione che non si completava con navigazione da tastiera

Aveva 60 giorni per adeguarsi o rischiava una multa e, soprattutto, la revisione dell'accreditamento regionale.

Francesca ha agito così:

• settimana 1: audit con WAVE e Lighthouse, lista di 47 problemi identificati
• settimana 2-3: con la sua web agency, sistemate le cose facili (contrasti, alt text, etichette form): 1.200 euro di lavoro
• settimana 4-6: sottotitoli su tutti i 12 video istituzionali della scuola: 600 euro
• settimana 7: pubblicata la dichiarazione di accessibilità
• settimana 8: risposta formale al garante con evidenza degli interventi

Risultato: pratica chiusa senza sanzioni. Ma Francesca ha anche scoperto qualcosa in più: nei mesi successivi le iscrizioni da allieve over 50 sono salite del 20%. Il motivo? I testi più grandi, i bottoni più visibili, la navigazione più semplice non servivano solo alle allieve con disabilità dichiarata, ma anche a tutte quelle che "non si erano mai trovate bene col sito" e non lo avevano detto.

Francesca dice oggi: "Avevo paura di dover buttare giu' il sito e rifarlo. Alla fine sono stati 1.800 euro e qualche weekend di lavoro. Ora il mio sito è più bello di prima, e vendo di più".

Errori che vedo sempre (e come evitarli)

Errore 1: "Ci penseremo l'anno prossimo"

L'accessibilità viene procrastinata fino a quando non arriva una segnalazione o un controllo. A quel punto hai 60 giorni per sistemare cose che avresti potuto fare con calma in un anno. Non aspettare: fai l'audit questa settimana, anche solo con Lighthouse.

Errore 2: Pensare che "il mio web developer se ne è occupato"

Quasi nessuno sviluppatore si occupa di accessibilità di default. Se non l'hai scritto nel contratto con la tua agenzia web, il sito che ti hanno fatto non è accessibile. Vale per il 90% dei siti web di scuole private in Italia.

Errore 3: Usare plug-in "accessibilità" magici

Ci sono aziende che vendono plug-in tipo "installalo sul sito e diventa magicamente accessibile a tutti". Sono inutili o quasi. Anzi, fanno credere di essere conformi quando non lo sei, e nei casi di diffida non ti salvano. L'accessibilità va costruita nel sito, non incollata sopra.

Errore 4: Non formare chi scrive i contenuti

Se la tua tutor didattica carica le videolezioni senza sottotitoli, o la segretaria scrive news senza alt text sulle immagini, in 3 mesi il sito è di nuovo pieno di problemi. Forma il team: mezza giornata di training, un documento interno di 2 pagine con le regole. Poi controlla ogni tanto.

Errore 5: Ignorare i feedback delle allieve reali

La miglior verifica di accessibilità è chiedere a 2-3 allieve di provare a iscriversi, seguire una lezione, fare un quiz, e riferirti cosa non funziona. Più prezioso di qualsiasi tool automatico.

Cosa fare adesso

Se sei arrivata fin qui, la tua scuola probabilmente ha qualche problema di accessibilità da sistemare. Questa settimana fai queste tre cose:

1. Fai un audit Lighthouse della home e della pagina iscrizioni. Tempo: 20 minuti. Scrivi i problemi trovati in un file. Già questo ti da' una fotografia onesta della situazione.
2. Controlla che i tuoi video abbiano sottotitoli. Se non li hanno, inizia a caricarli su YouTube o Vimeo in privato e usa la sottotitolazione automatica + revisione manuale. Partire dai video più visti.
3. Apri il tema con la tua web agency o col developer che ti segue. Chiedi un preventivo per portare il sito a conformita' WCAG 2.2 AA. Se non sanno di cosa stai parlando, cambia fornitore: oggi nel 2026 è come se un commercialista non sapesse cos'e' una fattura elettronica.

Per approfondire come costruire bene l'intera infrastruttura online della tua scuola, leggi LMS self-hosted vs SaaS: cosa conviene a una scuola di estetica e Registrare videolezioni low-cost per la tua scuola. Per gli aspetti legati agli esami a distanza che intersecano il tema accessibilità, leggi anche Proctoring esami online scuola.

Biutify è la piattaforma per scuole di estetica progettata fin dall'inizio con i criteri WCAG 2.2 AA: contrasto colori conforme, navigazione da tastiera, sottotitoli, screen reader friendly. Guarda la demo per vedere come un portale allieve accessibile può essere anche bellissimo graficamente.

Domande frequenti

La mia scuola è piccola e privata, devo rispettare le WCAG? Se hai meno di 10 dipendenti e fatturato sotto 2 milioni e non ricevi fondi pubblici, formalmente non ti applica l'Accessibility Act europeo. Ma ti applica la normativa antidiscriminazione: se una persona con disabilità dimostra di non aver potuto iscriversi al tuo corso per un tuo sito inaccessibile, può farti causa. Meglio mettersi in regola volontariamente.

Qual è la differenza fra WCAG 2.1 e 2.2? Le 2.2 sono uscite nel 2023 e aggiungono 9 nuovi criteri rispetto alle 2.1 del 2018 (focus visibile migliorato, aiuti alla navigazione, meno sforzo cognitivo). La legge italiana attualmente richiede ancora 2.1 AA ma si sta aggiornando. Punta subito a 2.2 AA: chi lo fa oggi si risparmia lavoro fra un anno.

Devo pagare un audit professionale o basta quello automatico? Gli strumenti automatici (WAVE, axe, Lighthouse) trovano il 40-60% dei problemi reali. Il resto (problemi di struttura, di flusso, di linguaggio) lo trova solo una persona esperta. Per una scuola media vale la pena, una volta all'anno, spendere 500-1.500 euro per un audit umano fatto da una consulente.

Quanto tempo richiede rendere accessibile un sito esistente? Dipende da quanto è grande. Per una scuola con sito vetrina + LMS + circa 50 pagine di contenuto, realisticamente servono 2-4 mesi di lavoro distribuito per arrivare a conformita' AA. Non si fa in una settimana, ma si può pianificare a piccoli passi.

I sottotitoli automatici di YouTube sono sufficienti? No. Sono un buon punto di partenza ma hanno 5-15% di errore medio, e sui termini tecnici di estetica (dermatologia, cosmetologia, apparecchi) gli errori aumentano molto. Vanno sempre rivisti da una persona. Meglio ancora: far scrivere i sottotitoli a una tutor basandosi sulla trascrizione YouTube, correggendola.

Posso escludere dal percorso le allieve con disabilità grave che non riescono a fare la pratica? No, la legge tutela il diritto alla formazione. Devi valutare caso per caso con l'allieva e un medico competente: per certi ruoli tecnici la disabilità grave può davvero impedire l'attività pratica, ma prima di dire "no" devi esplorare adattamenti ragionevoli (postazioni speciali, tempi più lunghi, supporto di un tutor). Per i moduli teorici online, invece, l'accessibilità tecnica è il tuo dovere.

Cosa è la "dichiarazione di accessibilità" e dove la pubblico? È un documento pubblico in cui dichiari a che livello di conformita' è la tua scuola, quali parti non sono ancora a norma, e come segnalare problemi. L'AgID fornisce un generatore online gratuito: form-accessibilita.agid.gov.it. Il link alla dichiarazione va messo nel footer del sito, sempre visibile.

L'accessibilità rallenta il mio sito o lo rende più "pesante"? No, anzi spesso è il contrario: le correzioni tipiche (più testo, meno immagini inutili, struttura pulita) alleggeriscono il sito. L'unica eccezione sono i sottotitoli nei video, che aggiungono qualche KB per file ma non fanno differenza pratica.

Risorse e approfondimenti

• LMS self-hosted vs SaaS: cosa conviene a una scuola di estetica
• Registrare videolezioni low-cost per la tua scuola: guida pratica
• Proctoring esami online scuola: come fare esami a distanza senza truffe
• Diritto d'autore sul materiale didattico del docente: guida pratica
• Convertire la tua scuola in presenza in un modello ibrido
• Software per coordinare docenti e laboratori