Dichiarazione di accessibilità
- 1. Organizzazione
- 2. Norme di riferimento
- 3. Stato di conformità
- 4. Contenuti non accessibili
- 5. Onere sproporzionato
- 6. Contenuti fuori dall'ambito di applicazione
- 7. Interventi già effettuati
- 8. Metodo e data della valutazione
- 9. Come segnalare un problema
- 10. Procedura di tutela
1. Organizzazione
| Denominazione | 81.COM |
|---|---|
| Sede | Via Carrafo 51, Castel di Lama (AP) |
| P.IVA | 01853860441 |
| Codice fiscale | MLLNDR81M11E958C |
| Codice S.D.I. | W7YVJK9 |
| Contatto per l'accessibilità | andrea.mollica@ict-81.com — tel. 349 122 8739 |
2. Norme di riferimento
- Direttiva (UE) 2019/882 — European Accessibility Act;
- D.Lgs. 27 maggio 2022, n. 82, di attuazione della direttiva;
- Linee guida AgID adottate con Determinazione n. 38 del 4 marzo 2026;
- norma UNI CEI EN 301 549;
- WCAG 2.1 (Web Content Accessibility Guidelines), livello AA come soglia minima.
3. Stato di conformità
Questo sito è parzialmente conforme ai requisiti della norma UNI CEI EN 301 549
e alle WCAG 2.1 livello AA. «Parzialmente conforme» significa che alcune parti del
sito non soddisfano ancora integralmente i requisiti: sono elencate al §4, con la
motivazione e, dove definito, il termine di rimedio.
4. Contenuti non accessibili
4.1 Pagina iniziale: verifica manuale dei componenti
La pagina iniziale (/) è un'applicazione React. Dal 9 ottobre 2026 viene
servita come HTML già composto e i difetti noti sono stati corretti (vedi §7): i test
automatici non rilevano più violazioni. Restano da verificare manualmente,
con tastiera e lettore di schermo, gli stili di focus e l'ordine di lettura dei singoli
componenti. Verifica prevista entro il 31 dicembre 2026.
4.2 Rimedi completati
I punti indicati come non conformi nella versione del 2 settembre 2026 sono stati risolti entro le scadenze dichiarate:
- la casella di ricerca non funzionante è stata rimossa dall'intestazione e dal menu mobile (scadenza 31 ottobre 2026);
- il pulsante «Scarica la nostra brochure» senza destinazione è stato sostituito da un collegamento di contatto; i collegamenti senza destinazione della vetrina dei progetti sono stati eliminati con la pagina che li conteneva (scadenza 31 ottobre 2026);
- le sopra-titolazioni a 10 px sono state portate a 12 px (scadenza 31 dicembre 2026);
- la pagina residua
/welcome-oldè stata dismessa: l'indirizzo reindirizza in modo permanente alla pagina iniziale (scadenza 31 ottobre 2026); - i componenti della pagina iniziale (menu mobile,
aria-current, caroselli, contrasti) sono stati corretti (scadenza 31 dicembre 2026).
4.3 Caratteri tipografici serviti da terze parti
I caratteri sono richiamati dai domini fonts.googleapis.com e
fonts.gstatic.com. Non è un difetto di accessibilità, ma se il servizio non
risponde la pagina ricade sui caratteri di sistema: la leggibilità è garantita in entrambi
i casi. Il passaggio a caratteri ospitati localmente è in valutazione anche per ragioni di
protezione dei dati.
5. Onere sproporzionato
Si invoca l'onere sproporzionato, ai sensi dell'art. 3 comma 4 del D.Lgs. 82/2022, per i seguenti elementi:
- Rifacimento del foglio di stile ereditato. Il foglio di stile principale è un'esportazione da un precedente sito WordPress: circa 1,4 MB di regole, in gran parte non utilizzate, con 21 dichiarazioni che azzerano l'indicatore di focus, fra cui un azzeramento universale. L'indicatore di focus è stato ripristinato con un livello di stile aggiuntivo che prevale su quelle regole; la ripulitura del foglio richiederebbe la ricostruzione integrale del tema, non proporzionata rispetto al beneficio, essendo il risultato per l'utente già conseguito.
-
Ricostruzione dell'impaginazione delle pagine interne. Le pagine interne
sono strutture generate da un costruttore visuale, con contenitori annidati e colori
scritti negli attributi
style. Gli interventi sono stati fatti a livello semantico, di colore e di dimensione del testo; una riscrittura dell'impaginazione è pianificata nel rifacimento delle pagine interne e non come intervento isolato.
Queste valutazioni saranno riesaminate a ogni revisione della presente dichiarazione e, in ogni caso, entro dodici mesi.
6. Contenuti fuori dall'ambito di applicazione
-
Area riservata al personale interno (accesso, registrazione, recupero
password, bacheca e profilo:
/login,/register,/dashboard,/profilee relative rotte). È uno strumento di lavoro interno, non un servizio offerto al pubblico, e non rientra nel perimetro di questa dichiarazione. Si segnala che tali pagine risultano attualmente non funzionanti per una risorsa di compilazione assente e che l'anagrafica utenti è vuota: nessuna persona vi accede. - Contenuti di terze parti incorporati non prodotti né finanziati da 81.COM, come i video ospitati su YouTube richiamati dalla pagina Specializzazioni: l'accessibilità del riproduttore dipende dal fornitore.
- Documenti d'ufficio pubblicati prima del 23 settembre 2018 e non necessari a un procedimento attivo: alla data non ne risultano pubblicati.
7. Interventi già effettuati
Interventi realizzati e verificati alla data di questa dichiarazione (settembre e ottobre 2026):
| Intervento | Requisito |
|---|---|
Rimosso il blocco dello zoom (maximum-scale e user-scalable=no) da tutte le pagine interne | 1.4.4 Ridimensionamento del testo |
| Ripristinato l'indicatore di focus con contorno di 2 px e scostamento di 2 px, che prevale sui 21 azzeramenti del tema, con variante chiara sui fondi scuri | 2.4.7 Focus visibile |
| Aggiunto il collegamento «Salta al contenuto» come primo elemento della pagina, su tutte le pagine compresa quella iniziale | 2.4.1 Salto di blocchi |
Il contenitore main riceve il focus programmatico; presente su tutte le pagine | 1.3.1, 2.4.1 |
| Titolo di pagina descrittivo e univoco su ogni pagina (prima erano tutti identici) | 2.4.2 Titolo della pagina |
| Una sola intestazione di primo livello per pagina, aggiunta dove il contenuto partiva dal secondo livello | 1.3.1, 2.4.6 |
Navigazioni racchiuse in nav con nome accessibile distinto; voce attiva marcata con aria-current="page" | 1.3.1, 4.1.2 |
Piede di pagina convertito nel contenitore footer (punto di riferimento «informazioni sul contenuto») | 1.3.1 |
Comandi di apertura e chiusura del menu convertiti da collegamenti a pulsanti, con aria-expanded e aria-controls aggiornati | 4.1.2 Nome, ruolo, valore |
| Rimossa la casella di ricerca, che non produceva risultati | 3.2.4, 2.4.4 |
| Pannello del menu e pannello delle preferenze privacy resi dialoghi: nome accessibile, chiusura con Esc, focus che entra all'apertura e torna al comando di partenza alla chiusura, Tab che non esce dal dialogo | 2.1.2, 2.4.3, 4.1.2 |
Etichetta esplicita (for/id) su tutti i campi; rimossi gli identificatori duplicati (un id era ripetuto sei volte per pagina) | 1.3.1, 3.3.2, 4.1.1 |
| Icone decorative e cornici escluse dalla lettura assistita; testo alternativo vuoto sulle immagini decorative; sostituiti 52 testi alternativi costituiti da nomi di file o diciture in inglese; nome del marchio come testo alternativo dei loghi di certificazioni e partner | 1.1.1 Contenuto non testuale |
| Logo del piede di pagina: il collegamento alla pagina iniziale ha ora un nome accessibile | 2.4.4, 4.1.2 |
| Corretti gli accoppiamenti di colore sotto soglia (vedi tabella sotto) | 1.4.3 Contrasto minimo |
Pagina iniziale: pulsante del menu mobile con nome, aria-expanded e aria-controls, chiusura con Esc; voce attiva marcata con aria-current; stesse voci di menu delle pagine interne | 4.1.2, 3.2.3 |
| Pagina iniziale: pulsante per mettere in pausa lo scorrimento dei loghi, utilizzabile da tastiera e su touch; ogni logo letto una sola volta dallo screen reader invece di tre | 2.2.2, 1.3.1 |
Pagina iniziale: rimossi il pulsante di ricerca senza nome e l'identificatore duplicato contatti; titoli del piede di pagina riportati al livello corretto | 4.1.2, 4.1.1, 1.3.1 |
| Pagina iniziale servita come HTML già composto: il contenuto è disponibile anche prima o senza l'esecuzione di JavaScript | — (robustezza) |
| I collegamenti nel corpo del testo restano sottolineati: l'informazione non passa dal solo colore | 1.4.1 Uso del colore |
| Campi di modulo a 16 px sui dispositivi con puntatore grossolano, per evitare l'ingrandimento forzato della pagina | 1.4.4, 1.4.10 |
| Rispetto della preferenza di sistema per il movimento ridotto | 2.3.3 Animazioni da interazione |
| Versionamento dei fogli di stile, perché le correzioni raggiungano anche chi ha la copia in cache | — (efficacia dell'intervento) |
Correzioni di contrasto, una per una
| Elemento | Prima | Dopo |
|---|---|---|
| Colore di tutti i collegamenti | #3ea9f5 — 2,56:1 | #0f6fb5 — 5,30:1 |
| Collegamenti al passaggio del puntatore | #fc5546 — 3,22:1 | #cc3b2a — 4,97:1 |
| Citazioni in evidenza | #3ea9f5 — 2,56:1 | #0f6fb5 — 5,30:1 |
| Testo dei pulsanti su fondo bianco | #1dc2ef — 2,10:1 | #107a94 — 4,96:1 |
| Sopra-titolazioni delle sezioni | #1dc2ef — 2,10:1 | #107a94 — 4,96:1 |
| Paragrafi con colore scritto in linea, nelle sezioni su fondo scuro (#181223, #231835). Nella revisione di settembre il colore era stato scurito per il fondo bianco, ma queste sezioni hanno fondo viola scuro | #6f6d86 — 3,35–3,66:1 | #9b9aad — 6,08–6,63:1 |
| Sopra-titolazioni delle sezioni su fondo scuro | #107a94 — 3,68:1 | #2aa7c4 — 6,46:1 |
| Testo dei contatori e dei paragrafi su fondo grigio chiaro (#f3f6f9) | #627792 — 4,23:1 | #566a85 — 5,10:1 |
| Pagina iniziale: sopra-titolazioni, collegamenti e numero di telefono azzurri su fondo bianco | #1aa2e6 — 2,86:1 | #0f6fb3 — 5,34:1 |
| Pagina iniziale: pulsante «Contattaci adesso», testo bianco su corallo | #ee522b — 3,58:1 | #d43811 — 4,79:1 |
| Voce di menu attiva | #fc5546 — 3,22:1 | #cc3b2a — 4,97:1 |
| Collegamenti dei widget di piede, al passaggio | #ff0000 — 4,00:1 | #cc3b2a — 4,97:1 |
| Collegamenti della barra laterale, al passaggio | #ff5c45 — 3,06:1 | #cc3b2a — 4,97:1 |
| Titoli bianchi sulle immagini di testata di Servizi, Specializzazioni e Certificazioni: il colore di fusione applicato alla fotografia era troppo chiaro | fusione su #1dc2ef — fino a 2,10:1 sulle zone chiare della foto (9,4% della fascia del titolo) | fusione su #107a94 — peggior caso 4,96:1, nessun punto sotto soglia |
| Sopra-titolazioni e pulsanti delle schede «chi siamo», bordi compresi | #1dc2ef — 2,10:1 | #107a94 — 4,96:1 |
Le immagini di testata risultano visibilmente più scure di prima. È l'unica modifica percepibile all'impaginazione: la fotografia, l'inquadratura e il testo sono invariati, cambia soltanto la tinta della velatura sovrapposta, che prima rendeva illeggibile il titolo bianco dove la foto è chiara.
Ogni colore è stato sostituito con la variante più scura della stessa tinta e saturazione, così da restare riconoscibile come colore del marchio. Sono le uniche modifiche all'aspetto del sito introdotte da questi interventi.
8. Metodo e data della valutazione
Metodo: autovalutazione svolta il 2 settembre 2026 dal gestore del sito e
aggiornata il 9 ottobre 2026 con test automatici in un browser.
Non è stato eseguito un collaudo con tecnologie assistive reali (lettore di
schermo) né una prova completa di navigazione da tastiera a cura di una persona. Per questo
la valutazione resta dichiarata come autovalutazione e non come verifica di conformità.
Verifiche effettivamente svolte:
- ispezione del codice HTML realmente servito di tutte le pagine pubbliche, non del solo sorgente dei modelli;
- conteggio automatico di immagini senza testo alternativo, icone non escluse dalla lettura, campi senza etichetta associata, identificatori duplicati, intestazioni di primo livello, titoli duplicati, marcatura annidata in modo non valido;
- calcolo dei rapporti di contrasto secondo la formula della luminanza relativa delle WCAG 2.1, su tutti gli accoppiamenti di colore effettivamente presenti;
-
per il testo sovrapposto alle fotografie, dove il calcolo su due colori non basta:
simulazione del rendering. È stato riprodotto il ritaglio prodotto da
background-size: coverin un riquadro di 1440×620 pixel, applicata la fusionemultiplycon il colore di fondo e misurato il contrasto pixel per pixel nella fascia occupata dal titolo, calcolando valore medio, peggiore e percentuale di area sotto soglia; - compilazione di tutti i modelli di pagina e controllo sintattico del codice generato;
- verifica via HTTP del codice di stato e della presenza dei marcatori attesi su ogni pagina modificata;
- 9 ottobre 2026: test automatici con axe-core (regole WCAG 2.0 e 2.1, livelli A e AA) sulle pagine renderizzate in Chromium, per tutte le pagine pubbliche e per la pagina iniziale anche a larghezza mobile (390 px). Esito: nessuna violazione di gravità critica o seria. I test automatici coprono circa un terzo dei criteri WCAG.
Prossimo passo pianificato: collaudo con lettore di schermo (NVDA su Windows e VoiceOver su macOS) e navigazione completa da tastiera, a cura di una persona. Al termine questa dichiarazione sarà aggiornata con il metodo di valutazione corrispondente.
9. Come segnalare un problema
Se incontri un ostacolo nell'uso di questo sito, scrivi a andrea.mollica@ict-81.com oppure telefona al 349 122 8739. Indica, se puoi, la pagina, cosa stavi cercando di fare e quale tecnologia stai usando: serve a riprodurre il problema.
Ci impegniamo a rispondere entro 30 giorni dal ricevimento della
segnalazione, indicando l'esito e, se la correzione richiede più tempo, il termine previsto.
10. Procedura di tutela
Se la risposta non arriva entro 30 giorni, o non la ritieni soddisfacente, puoi rivolgerti a:
- Agenzia per l'Italia Digitale (AgID) — agid.gov.it, PEC protocollo@pec.agid.gov.it.
- Difensore civico per il digitale, istituito presso AgID ai sensi dell'art. 17 del Codice dell'amministrazione digitale — PEC difensorecivicodigitale@pec.agid.gov.it. La segnalazione è gratuita e non richiede l'assistenza di un legale.