Accessibilità

Dichiarazione di Conformità Accessibilità

Dominio: adrianaghelfi.it
Data ultima analisi: 26 novembre 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:

Analisi automatica con WAVE (WebAIM) per ogni URL oggetto di verifica (report esportati e salvati come allegati). Lo strumento principale utilizzato è wave.webaim.org.
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).
Controlli specifici per il contrasto: misure pixel-based ove necessario, verifica delle aree con immagini di sfondo, overlay e fallback di colore.
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.adrianaghelfi.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.

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.
Preferenze di contrasto (vedi sezione successiva): regole CSS che ridefiniscono color o background-color quando l'utente richiede alto contrasto mediante un apposito popup (vedi punto 7).

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)

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

8. Auditor

Responsabile verifiche: Blacklemon Srl