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à
4. Contenuti non accessibili
4.1 Pagina iniziale realizzata come applicazione a pagina singola
La pagina iniziale (/) è generata da un'applicazione React compilata. La sua
struttura semantica è corretta (intestazioni, header, nav,
main, footer, un solo h1) e riceve dall'esterno il
collegamento «Salta al contenuto» e gli stili di focus visibile. Restano da
correggere dentro l'applicazione:
- il pulsante del menu su schermi piccoli non espone
aria-expandedearia-controls(WCAG 4.1.2); - la voce di menu corrispondente alla sezione visualizzata non espone
aria-current; - gli stili di focus dei componenti interni non sono stati verificati uno per uno.
Motivo: le correzioni richiedono la ricompilazione del pacchetto JavaScript, che non è verificabile visivamente sull'ambiente attuale (nessun browser disponibile sul server). Rimedio previsto entro il 31 dicembre 2026, contestualmente al prossimo rilascio della pagina iniziale.
4.2 Campo di ricerca non funzionante
Le tre caselle di ricerca presenti nell'intestazione e nel menu mobile hanno ora un'etichetta correttamente associata, ma l'invio non produce risultati: il modulo punta alla pagina iniziale e non esiste una funzione di ricerca. Un comando che non fa ciò che dichiara è un difetto di funzionamento (WCAG 3.2.4 — identificazione coerente). Rimedio: realizzare la ricerca o rimuovere il comando; decisione attesa entro il 31 ottobre 2026.
4.3 Collegamenti privi di destinazione
- nella pagina Chi siamo il pulsante «Scarica la nostra brochure» ha destinazione
#: non scarica nulla (WCAG 2.4.4); - nella vetrina dei progetti le immagini erano racchiuse in collegamenti senza destinazione: sono stati esclusi dalla navigazione da tastiera in attesa che venga assegnata una destinazione reale o rimossi.
Rimedio previsto entro il 31 ottobre 2026.
4.4 Testi di dimensione ridotta
Alcune sopra-titolazioni sono impostate a font-size: 10px nel contenuto
impaginato. Il contrasto è stato portato in soglia, ma la dimensione resta sotto quanto
raccomandato. L'aumento richiede un rifacimento dell'impaginazione delle sezioni interessate.
Rimedio previsto entro il 31 dicembre 2026.
4.5 Pagina residua /welcome-old
È una versione precedente della pagina iniziale, non più collegata dal menu ma ancora
raggiungibile e indicizzabile. Contiene un carosello (Slider Revolution) le cui animazioni
di ingresso rispettano prefers-reduced-motion e che non avanza
automaticamente, ma i suoi comandi non sono stati collaudati da tastiera.
Rimedio: rimozione della pagina o suo collaudo completo, entro il 31 ottobre 2026.
4.6 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 e di colore; una riscrittura dell'impaginazione, che risolverebbe anche i punti 4.4, è 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:
| 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 |
| Comando della ricerca reso azionabile anche con la barra spaziatrice, con stato aperto/chiuso annunciato | 2.1.1 Tastiera |
| 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; rimosso un nome di file usato come testo alternativo | 1.1.1 Contenuto non testuale |
| Corretti nove accoppiamenti di colore sotto soglia (vedi tabella sotto) | 1.4.3 Contrasto minimo |
| 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 | #9b9aad — 2,76:1 | #6f6d86 — 4,99: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
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.
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.
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.