Dichiarazione di Conformità Accessibilità

Sito web: www.tutorspa.it
Data ultima analisi: 13 ottobre 2025

 

1. Oggetto e ambito della presente dichiarazione

La presente dichiarazione attesta, come bozza formale, l'esito dell'analisi di accessibilità eseguita sulle pagine web elencate in questo documento, con riferimento agli standard tecnici e alle normative europee e nazionali pertinenti, in particolare gli standard WCAG 2.1 livello AA e gli standard tecnici correlati.

Pagine analizzate

 

2. Normativa e standard di riferimento

La valutazione prende come riferimento le principali norme e standard europei e nazionali in materia di accessibilità digitale, tra cui (ma non limitatamente a):

  • WCAG 2.1 (Web Content Accessibility Guidelines) — livello AA;
  • Direttiva (UE) 2016/2102 sull'accessibilità dei siti web e delle applicazioni mobili degli enti pubblici;
  • Direttiva (UE) 2019/882 (European Accessibility Act);
  • EN 301 549 — standard europeo per l'accessibilità ICT (che fa riferimento a WCAG 2.1 AA per il web);
  • Normativa italiana (es. disposizioni correlate e attuative della materia dell'accessibilità digitale).

Nota: i riferimenti normativi completi e aggiornati devono essere allegati come parte del pacchetto di audit definitivo.

 

3. Metodologia di analisi

L'analisi qui descritta è stata condotta combinando strumenti automatici e verifiche manuali. I passaggi principali:

  1. Analisi automatica con WAVE (WebAIM) per ogni URL oggetto di verifica (report esportati e salvati come allegati). Lo strumento principale utilizzato è wave.webaim.org.
  2. Verifiche manuali in browser (Chrome, Firefox, Edge): navigazione via tastiera, controllo dei punti di focus, utilizzo di screen reader ove possibile (NVDA / VoiceOver) e ispezione DOM per elementi interattivi (link, pulsanti, form).
  3. Controlli specifici per il contrasto: misure pixel-based ove necessario, verifica delle aree con immagini di sfondo, overlay e fallback di colore.
  4. Test per il comportamento in modalità alto contrasto / preferenze di contrasto del sistema tramite emulazione `prefers-contrast: more` e verifica `forced-colors: active` (simulazione in DevTools e test su sistemi reali quando possibile).

 

4. Risultati generali e dichiarazione

A seguito dell'analisi automatica eseguita con wave.webaim.org integrata con verifiche manuali e test su preferenze di sistema — si dichiara che il sito www.tutorspa.it rispetta i criteri tecnici previsti dagli standard citati e risulta conforme ai requisiti di WCAG 2.1 livello AA, salvo eventuali note o eccezioni dettagliate nel rapporto di audit allegato.

La presente dichiarazione è da considerarsi una bozza formale: la dichiarazione definitiva deve essere firmata dal tecnico/auditor responsabile dopo aver allegato i report WAVE per ciascuna pagina esaminata e il log delle verifiche manuali (tastiera, screen reader, test preferenze di contrasto).

 

5. Nota tecnica sui ''falsi positivi'' del contrasto e soluzione adottata

Problema: gli strumenti automatici (es. WAVE) valutano il contrasto sulla base del CSS (es. background-color) e non sempre ''vedono'' il contenuto reale delle immagini di sfondo. Quando il testo bianco è posizionato sopra un'immagine scura ma il contenitore ha in CSS background-color: #fff, lo strumento segnala un problema di contrasto anche se a schermo il testo è leggibile.

Soluzione implementata: per risolvere i casi reali e i falsi positivi sono state adottate le seguenti contromisure tecniche:

  • Overlay semitrasparente sulle hero o immagini di sfondo per garantire un contrasto reale e facilmente misurabile (es. .hero::before { background: rgba(0,0,0,0.45); }).
  • Fallback coerente di background-color sul contenitore: impostare un valore scuro compatibile con l'immagine in modo che gli strumenti automatici rilevino un colore di sfondo adeguato anche in assenza di analisi pixel-based.
  • Media queries per preferenze di contrasto (vedi sezione successiva): regole CSS che ridefiniscono variabili colore o disabilitano background-image quando l'utente richiede alto contrasto mediante le impostazioni del browser o del sistema operativo (@media (prefers-contrast: more) e @media (forced-colors: active)).

 

6. Media queries implementate per preferenze di contrasto

Per gestire automaticamente i casi di utenti che richiedono alto contrasto, il sito utilizza media queries CSS che si attivano solo quando il browser/sistema dell'utente segnala la preferenza.

Queste regole vengono applicate automaticamente solo per gli utenti che hanno attivato le relative impostazioni nel browser o nel sistema operativo: per gli altri utenti l'aspetto rimane conforme al brand.

 

7. Guida: come attivare l'aumento del contrasto

Il sito premette la gestione del contrasto tramite appositi strumenti di attivazione/disattivazione raggiungibili dal pulsante in basso a sinistra di ogni pagina che permette l'apertura di un popup contenete appunto tali strumenti.

In alcuni casi però possono essere necessari altri interventi a liello di sistema operativo o di browser; di seguito le indicazioni pratiche per gli utenti che desiderano attivare le impostazioni di alto contrasto nei principali sistemi e browser.

Windows 10 / 11

  • Impostazioni → Accessibilità → Contrasto elevato → scegliere e attivare un tema di contrasto elevato.
  • Quando il tema High Contrast è attivo, i browser moderni (Edge/Chrome) rispettano forced-colors: active e molte pagine applicano stili dedicati.

macOS (Ventura / Monterey / versioni recenti)

  • Preferenze di Sistema → Accessibilità → Display → attivare Aumenta contrasto o Riduci trasparenza.
  • Safari e i browser basati su WebKit possono esporre la preferenza come prefers-contrast.

iOS (iPhone / iPad)

  • Impostazioni → Accessibilità → Display & Testo → attivare Aumenta contrasto o Inverti colori intelligenti.
  • Safari rispetta molte di queste preferenze, consentendo ai siti di applicare stili specifici.

Android

  • Impostazioni → Accessibilità → (opzioni come ''Contrasto elevato'' o ''Modalità contrasto alto'', a seconda della versione/skin) → attivare l'opzione.
  • Chrome per Android può rispettare alcune preferenze di sistema; i test su dispositivo reale sono raccomandati.

Chrome DevTools (emulazione)

  1. Aprire Chrome DevTools (F12 o Ctrl+Shift+I).
  2. Menu tre puntini → More tools → Rendering.
  3. Nella sezione ''Emulate CSS media feature prefers-contrast'' selezionare more per simulare la preferenza di alto contrasto.

 

8. Auditor

Responsabile verifiche: Blacklemon Srl