Come è fatto
questo sito.

Un sito che non si riesce a usare non comunica niente. Questa pagina dice a che punto siamo, con quali strumenti l'abbiamo verificato e cosa resta da sistemare — senza arrotondare per eccesso.

Le preferenze

Su questo sito potete cambiare la misura del testo, allargare lo spazio fra righe e lettere, chiedere l'alto contrasto, sottolineare i link dentro al testo, passare a un carattere ad alta leggibilità, fermare le animazioni e silenziare i suoni: aprite il pannello. Le scelte restano nel vostro browser, in un cookie nostro che dura un anno, e valgono su tutte le pagine.

Due cose vanno dette. La prima riguarda il movimento: il vostro sistema operativo ha un comando che chiede a tutti i siti di ridurre le animazioni, e questo sito non lo segue. È una scelta nostra, e la dichiariamo qui invece di lasciarvela scoprire: il movimento è parte di come questo sito racconta, e chi quel comando lo tiene acceso il più delle volte non l'ha acceso per noi. Chi il movimento non lo vuole ha un interruttore che funziona — «Ferma le animazioni», qui nel pannello — e la scelta resta scritta per un anno su tutte le pagine. Gli altri comandi di sistema, lo zoom e il contrasto forzato, li rispettiamo come sempre. La seconda: questo pannello non è uno di quei widget che promettono la conformità con una riga di codice. Quelli riscrivono la pagina mentre la state leggendo e spesso peggiorano le cose per chi usa un lettore di schermo; qui non si riscrive niente, si sceglie fra versioni che abbiamo preparato noi. L'accessibilità di questo sito è in come sono fatte le pagine, non in questo pannello.

Il riferimento

Le linee guida sono le WCAG 2.2 di livello AA: una versione più recente di quella che la normativa europea richiede oggi (direttiva 2016/2102 e linee guida AgID, che passano per la norma EN 301 549 e si fermano alle 2.1 AA). Le 2.2 contengono le 2.1, quindi chi rispetta le prime rispetta anche le seconde. Solferino 3 non è una pubblica amministrazione e non rientra fra i soggetti obbligati a pubblicare una dichiarazione: questa la pubblichiamo lo stesso, perché l'accessibilità è una delle cose che vendiamo e ci sembra corretto mostrarla su di noi per primi.

Cosa abbiamo verificato

• Ogni contenuto è raggiungibile e attivabile con la sola tastiera, in un ordine che segue la pagina.
• Il punto in cui si trova il focus è sempre visibile, con un contorno a contrasto pieno.
• Un collegamento iniziale — «Vai al contenuto» — salta la testata e va al testo.
• Nel tema scuro, quello predefinito, tutti i testi e gli elementi di interfaccia superano 4,5:1 e la maggior parte è sopra 6:1. Nel tema chiaro c'è un'eccezione dichiarata qui sotto.
• Titoli, elenchi, landmark e moduli usano gli elementi HTML corrispondenti, non riproduzioni grafiche.
• Ogni campo del modulo di contatto ha un'etichetta collegata; le caselle dei servizi sono caselle vere.
• Quando il modulo di contatto non parte, ogni campo sbagliato dice accanto a sé che cosa manca e come scriverlo, e in cima compare l'elenco di quello che resta da sistemare: il focus ci va sopra, e da lì si arriva al campo. Gli errori si vedono dal colore, dal bordo e da un segno, mai dal colore soltanto.
• Le immagini che portano informazione hanno un testo alternativo; quelle decorative sono nascoste alle tecnologie assistive.
• Il menu a schermo intero si chiude con Esc, riporta il focus al pulsante che l'ha aperto ed è inerte quando è chiuso.
• La pagina si legge e si usa fino a 320 pixel di larghezza e con lo zoom al 200%.

Le verifiche sono state fatte con axe-core su tutte le pagine, in tutti e due i temi, con la navigazione da tastiera e con il calcolo dei contrasti sui colori effettivi.

Movimento, video e suono

Il sito ha una parte animata: un campo di stelle dietro alle pagine, le clip in bianco e nero che aprono le sezioni, i titoli che si mettono a fuoco mentre salgono, una striscia di testo che scorre in home, le schede che si compongono e un piccolo suono meccanico su quello che si clicca — niente suona da solo e niente suona al passaggio del mouse. Niente lampeggia: non c'è nulla che vada e venga più di tre volte al secondo.

Tutto questo si può fermare, e in un posto solo: «Ferma le animazioni», nelle preferenze, che trovate in fondo a ogni pagina. Aprite il pannello. Acceso quell'interruttore: le clip d'apertura non partono e non vengono nemmeno scaricate, la striscia di testo sta ferma e si scorre a mano, i titoli e le schede compaiono invece di comporsi, il campo di stelle si spegne, il puntatore torna quello del vostro sistema e i suoni tacciono. Resta un sito che si legge, con le stesse parole e le stesse immagini.

L'interruttore vale solo qui, e la scelta resta scritta nel vostro browser per un anno: non va rifatta a ogni visita né a ogni pagina. Il comando riduci movimento del vostro sistema operativo invece non ferma questo sito — lo diciamo più sopra, fra le preferenze di lettura, e lo ripetiamo qui perché è la cosa che più probabilmente vi aspettavate.

I video sono decorativi, sono muti e non contengono informazioni che non siano scritte anche nel testo.

Quello che non è a posto

• Il verde del marchio nel tema chiaro. È il colore dell'identità di Solferino 3 e sul fondo scuro rende 6,56:1, ben oltre la soglia. Sulla carta chiara si ferma a 2,71:1, e dove è testo ne servirebbero 4,5 — 3 per i titoli grandi. Riguarda le etichette in verde, la striscia in home, i link dentro ai testi di questa pagina e della privacy, e le due parole in verde di alcuni titoli. Abbiamo scelto di non alterare il colore del marchio: chi ha bisogno di più contrasto trova tutto conforme passando al tema scuro, dal menu. Il resto dell'interfaccia — testi, etichette, contorni, stati di messa a fuoco — passa in tutti e due i temi.
• Le immagini dei lavori hanno testi alternativi generici, costruiti dal nome del progetto: vanno riscritti uno per uno.
• Alcuni contenuti di terze parti raggiungibili dai lavori pubblicati non sono sotto il nostro controllo.

Segnalare un problema

Se una pagina non si riesce a usare, scrivere a info@solferino3.it indicando l'indirizzo della pagina e cosa è successo. Rispondiamo entro trenta giorni e, dove serve, forniamo il contenuto in una forma alternativa.

Metodo

Autovalutazione

Fatta internamente da Solferino 3, non certificata da terzi.

Tecnologie

HTML, CSS e JavaScript generati con Astro; nessuna dipendenza esterna caricata a pagina aperta.

Conformità dichiarata

Piena rispetto a WCAG 2.2 AA nel tema scuro, salvo i punti elencati sopra; parziale nel tema chiaro, per il colore del marchio.