Accessibilità del tuo sito: contrasto, tastiera, etichette e CAPTCHA

Il 12 novembre 2026 ho letto il decreto legislativo 27 maggio 2022, n. 82, nel PDF della Gazzetta Ufficiale, serie generale n. 152 del 1° luglio 2022. Ho letto i criteri citati sotto nel sorgente incluso dalla bozza editoriale delle WCAG 2.2 pubblicata su w3c.github.io e generata il 9 novembre 2026. La pagina del W3C all'indirizzo del Recommendation, quel giorno, ha risposto con un controllo anti-bot: non l'ho aperta e non ne cito il testo. Non ho aperto il testo coordinato su Normattiva. Non ho aperto l'elenco delle norme armonizzate nella Gazzetta ufficiale dell'Unione europea. Non ho misurato un sito e non ho acceso un lettore di schermo. Questa pagina non è un parere legale.

Due domande, in quest'ordine. La prima è se il servizio del tuo sito sta nell'elenco del decreto e se l'impresa è fuori dall'esenzione delle microimprese. La seconda, solo se la prima risposta è sì, è che cosa si può controllare sulla pagina. I rapporti numerici di questa seconda domanda stanno nelle WCAG. Il decreto, nei punti che ho letto, non li scrive.

Prima domanda: elenco e microimpresa

L'articolo 1, comma 3, elenca i servizi. Tra questi ci sono i servizi di commercio elettronico. L'articolo 2, lettera hh, li definisce come i servizi forniti a distanza, tramite siti web e servizi per dispositivi mobili, per via elettronica e su richiesta individuale di un consumatore al fine di concludere un contratto di consumo. Una pagina con gli orari e un telefono, da sola, non chiude quel contratto. L'elenco intero, la legge 9 gennaio 2004, n. 4 e le date stanno nella pagina chi deve adeguare il sito all'accessibilità. Non lo riscrivo.

Se il servizio è nell'elenco, l'articolo 3, comma 3, esenta le microimprese che forniscono servizi dall'osservanza dei requisiti del comma 2. Microimpresa, all'articolo 2, lettera bb, è un'impresa che occupa meno di 10 persone e realizza un fatturato annuo oppure un totale di bilancio annuo non superiore a 2 milioni di euro. Fra il numero di persone e la soglia di denaro la congiunzione è "e". Fra fatturato e totale di bilancio la congiunzione è "oppure". Non ho aperto la raccomandazione europea che di solito si usa per leggere quel "oppure", e non riduco la frase a "basta superare il fatturato oppure i dipendenti". Se i numeri della tua impresa stanno in quella frase, il comma 3 ti esenta dai requisiti di servizio. Se non ci stanno, il comma 2 chiede la conformità alle sezioni III e IV dell'allegato I. Non ho un bilancio: non applico l'esenzione al posto tuo.

Dove il decreto parla di contrasto, e dove non dà un numero

L'allegato I, sezione III, lettera c, chiede di rendere i siti web, comprese le applicazioni online e i servizi per dispositivi mobili correlati, accessibili in modo coerente e adeguato, così che siano percepibili, utilizzabili, comprensibili e solidi. Non scrive un rapporto.

Il contrasto sufficiente sta in un altro punto della stessa sezione. La lettera b riguarda le informazioni sul funzionamento del servizio e, se si usano prodotti per fornirlo, sul collegamento con quei prodotti e sull'interoperabilità con le strutture e i dispositivi assistivi. Il punto v di quella lettera chiede caratteri di dimensioni e forme idonee, tenuto conto delle condizioni d'uso prevedibili, e un contrasto sufficiente, nonché una spaziatura regolabile tra lettere, righe e paragrafi. Anche lì non c'è 4.5:1.

L'articolo 14 dice che i prodotti e i servizi conformi alle norme armonizzate, o a parti di esse, i cui riferimenti sono stati pubblicati nella Gazzetta ufficiale dell'Unione europea, si presumono conformi ai requisiti coperti da quelle norme. Quell'elenco non l'ho aperto. I rapporti qui sotto non sono, per questo solo fatto, la presunzione di conformità del decreto.

Il testo che ho letto è il PDF del numero 152: Gazzetta Ufficiale, serie generale n. 152 del 1° luglio 2022, decreto legislativo 27 maggio 2022, n. 82, testo originario.

Contrasto del testo e dei componenti

Il criterio 1.4.3 Contrast (Minimum), segnato AA nel file incluso dalla bozza, chiede che la presentazione visiva del testo e delle immagini di testo abbia un contrast ratio di almeno 4.5:1, con tre eccezioni. Testo di grandi dimensioni, e immagini di quel testo: almeno 3:1. Testo incidentale, cioè parte di un componente inattivo, pura decorazione, testo non visibile a nessuno, oppure testo dentro un'immagine che ha altro contenuto visivo rilevante: nessun requisito di contrasto. Testo che fa parte di un logo o di un nome di marca: nessun requisito di contrasto. Il criterio, nel testo aperto il 12 novembre 2026.

Grande dimensione, nel glossario dello stesso sorgente, è almeno 18 point, oppure 14 point in grassetto, o la dimensione che dà un risultato equivalente per i caratteri cinesi, giapponesi e coreani. La dimensione è quella con cui il contenuto viene fornito. Non conta uno zoom fatto dopo dal lettore.

Il criterio 1.4.11 Non-text Contrast, segnato AA, chiede almeno 3:1 rispetto ai colori adiacenti per l'informazione visiva necessaria a identificare i componenti dell'interfaccia e i loro stati, salvo i componenti inattivi e l'aspetto deciso dal browser e non modificato da chi scrive la pagina. Lo stesso rapporto vale per le parti di un grafico necessarie a capire il contenuto, salvo quando quella presentazione è essenziale all'informazione. Anche questo criterio è nel testo aperto quel giorno.

Il rapporto, nel glossario, è (L1 + 0.05) / (L2 + 0.05), dove L1 è la luminanza relativa del colore più chiaro e L2 quella del più scuro. Se il fondo non è specificato, per i criteri 1.4.3 e 1.4.6 il glossario assume il bianco. Il controllo è questo: colore del testo e colore del fondo nell'uso normale, poi il rapporto, poi l'eccezione se c'è. Non ho eseguito il calcolo su una pagina, e non riporto un rapporto misurato. Un grigio chiaro su bianco può restare leggibile per chi ci vede bene e stare sotto 4.5:1. Il criterio non chiede se tu lo leggi.

Tastiera, uscita dal componente e focus

Il criterio 2.1.1 Keyboard, segnato A, chiede che tutte le funzionalità del contenuto si possano usare con un'interfaccia di tastiera, senza tempi specifici per i singoli tasti, salvo quando la funzione sottostante dipende dal tracciato del movimento e non solo dai punti di arrivo. L'esempio nel testo è la scrittura a mano: la tecnica dipende dal tracciato, la funzione di inserire testo no. Il criterio non vieta il mouse. Aggiungerlo non sostituisce la tastiera. Testo del criterio.

Il criterio 2.1.2 No Keyboard Trap, segnato A, chiede che se il focus entra in un componente con la tastiera, ne possa uscire con la sola tastiera. Se servono tasti diversi dalle frecce, dal Tab o da un'uscita standard, chi usa la pagina va avvisato del modo. Vale per tutto il contenuto della pagina.

Il criterio 2.4.7 Focus Visible, segnato AA, chiede una modalità in cui l'indicatore di focus da tastiera sia visibile.

Il criterio 2.4.11 Focus Not Obscured (Minimum), segnato AA e marcato come nuovo nel file della 2.2, chiede che il componente che riceve il focus da tastiera non sia interamente nascosto da contenuto creato da chi scrive la pagina. Se l'utente ha aperto lui qualcosa che copre il focus, quel caso non conta come nascosto, purché possa scoprire il componente senza spostare il focus. Una barra fissa o un banner che copre per intero il link focalizzato è il caso da guardare. Non ho provato una barra di questo sito.

Il gesto è percorrere la pagina con Tab, non con il mouse. Si guarda se il focus si vede, se esce da menu e finestre, se una barra lo copre tutto. Non è un audit. È il controllo che quei criteri descrivono.

Etichette, relazioni e nome del controllo

Il criterio 1.3.1 Info and Relationships, segnato A, chiede che informazione, struttura e relazioni trasmesse dalla presentazione si possano determinare via programma oppure siano disponibili in testo. Un titolo che è solo un div con il carattere più grande non porta la relazione di titolo, se manca un altro modo programmatico o un testo che la dice.

Il criterio 3.3.2 Labels or Instructions, segnato A, chiede etichette o istruzioni quando il contenuto richiede un input.

Il criterio 4.1.2 Name, Role, Value, segnato A, chiede che per i componenti dell'interfaccia, inclusi gli elementi dei moduli, i link e i componenti generati da script, nome e ruolo si possano determinare via programma, che stati, proprietà e valori impostabili dall'utente si possano impostare via programma, e che il cambiamento sia notificato agli user agent, comprese le tecnologie assistive. La nota nel criterio dice che vale soprattutto per chi sviluppa o scrive da sé i componenti: i controlli HTML standard già soddisfano il criterio quando sono usati secondo specifica. Testo del criterio.

Il controllo, senza un lettore di schermo acceso, è questo. Il campo ha un'etichetta associata, non solo un placeholder. Il pulsante ha un nome. Un componente disegnato con un div espone nome, ruolo e valore, oppure è un controllo HTML usato come da specifica. Non ho acceso un lettore di schermo, e non scrivo che una pagina è compatibile con un prodotto che non ho usato.

CAPTCHA che si vede soltanto

Il criterio 1.1.1 Non-text Content, segnato A, nel caso CAPTCHA dice: se lo scopo del contenuto non testuale è confermare che ad accedere è una persona e non un computer, si forniscono alternative testuali che identificano e descrivono lo scopo, e forme alternative di CAPTCHA che usano modalità di output per tipi diversi di percezione sensoriale, così da tenere conto di disabilità diverse. Non è un divieto del CAPTCHA. È la richiesta di non lasciarne una sola forma, quella che una parte delle persone non può usare. Un'immagine da decifrare, senza un'altra modalità, non sta in quella frase. Testo del criterio.

Che cosa questa pagina non conclude

Non conclude che il tuo sito sia obbligato. Quello dipende dall'elenco e dalla definizione di microimpresa, ed è l'altra pagina. Non conclude che un rapporto 4.5:1 equivalga alla presunzione dell'articolo 14: per quella presunzione servono i riferimenti pubblicati, e non li ho aperti. Non ricopia le sanzioni: stanno nell'altra pagina. Non ho misurato un contrasto, non ho premuto Tab su un sito di un cliente, non ho un caso di produzione.