Pinerolo a Tavola

Il portale

Accessibilità: cosa abbiamo verificato

Cosa è stato misurato, con che strumenti, cosa è venuto fuori e cosa resta fuori. Senza promesse di conformità che nessuno ha verificato.

Aggiornata il 25 settembre 2026

Questo portale lo usa chi cerca un tavolo, spesso da un telefono e di fretta. Perché funzioni per tutti servono cose che non si vedono guardando una pagina: che si possa usare senza mouse, che il testo si ingrandisca senza rompere l'impaginato, che i colori si distinguano, che chi usa un lettore di schermo capisca dov'è.

Questa pagina dice cosa abbiamo verificato davvero, con quali strumenti, e cosa no.

Cosa abbiamo misurato, e come

  • Controlli automatici — axe-core su trentadue pagine del portale, nelle due lingue: home, home con una serata scelta, ricerca, pagina città, scheda di un ristorante, i due moduli — prenotazione e richiesta di tavolo — la segnalazione, la pagina di una prenotazione, il modulo di recensione, blog, un articolo, le domande frequenti, le pagine informative, le pagine legali, questa dichiarazione, l'area personale e la pagina dei premi. Ogni pagina nello stato in cui si apre, in un browser vero, a 390px di larghezza.
  • Tastiera — percorse tutte le tappe del tasto Tab su sei pagine (da dieci a sessanta ciascuna), controllando che ogni comando si possa raggiungere e che il fuoco si veda.
  • Riflusso — nove pagine a 320px di larghezza, la misura che le WCAG chiedono: nessuna deve scorrere in orizzontale. Fra queste un articolo del blog, che è la pagina con più testo del portale.
  • Contrasto — calcolato sui colori del tema, coppia per coppia, contro la soglia 4,5:1 del testo normale.
  • Senza JavaScript — il portale aperto con gli script disattivati.

Cosa è venuto fuori, e cosa abbiamo corretto

Alla prima misura i controlli automatici hanno trovato quarantaquattro punti in violazione. Ne restano zero, e questo è quello che c'era:

  • Il verde del marchio non arrivava al contrasto minimo. Era #059669, che su bianco dà 3,77:1 — sotto il 4,5:1 richiesto. Non era un dettaglio di una pagina: quel verde è il colore dei link e il fondo del pulsante principale, quindi falliva su ogni pagina. Ora è #047857, un passo più scuro: 5,48:1 su bianco.
  • Il fuoco da tastiera era stato spento su sette campi. Una utility del foglio di stile toglieva il contorno, e restava il solo cambio di colore del bordo — su un campo data, invisibile.
  • Una lista di descrizioni senza i termini descritti, sulla pagina di una prenotazione: un lettore di schermo annunciava «lista» e poi non diceva di cosa.
  • Un livello di titolo saltato su quattro pagine, fra il titolo della pagina e i nomi dei ristoranti. Chi naviga per titoli si trova un buco e crede di essersi perso qualcosa.

Il 25 settembre quel numero era tornato a settanta

Va scritto, perché è il modo in cui questa pagina può diventare falsa senza che nessuno tocchi il suo file. Il ridisegno del 19 settembre aveva schiarito il velo sotto l'etichetta «Immagine di repertorio», quella in basso a sinistra su ogni fotografia: sul beige del segnaposto il bianco ci stava sopra a 4,35:1, sotto il minimo. Settanta punti, su tutte le pagine con una griglia di ristoranti.

Per sei giorni non l'ha visto nessuno, e il motivo non è che sia sfuggito: il controllo automatico non veniva eseguito. axe-core non fa parte del portale — si installa a parte per misurare — e quando manca il passo si salta dicendolo. Una riga che dice «salto» in mezzo a trentasette righe che dicono «ok» si legge come le altre.

Rimisurato il 25 settembre e chiuso: il velo è più scuro, e adesso il bianco ci sta sopra a 6,27:1.

E cercando se lo stesso difetto vivesse altrove ne è uscito un secondo, che axe non avrebbe potuto trovare: la riga dei crediti sulle fotografie dei luoghi sta sempre sopra un'immagine, e davanti a un'immagine lo strumento il contrasto non lo calcola — dichiara di non saperlo. Su una fotografia chiara quel bianco stava a 4,46:1. Là l'unica garanzia è il conto fatto a mano, ed è quello che adesso rifà una prova a ogni modifica.

Cosa il portale fa, oggi

  • Funziona senza JavaScript: cercare, aprire una scheda, prenotare, annullare, chiedere un tavolo, segnalare un errore e scrivere una recensione. L'unica pagina che lo richiede è «Le mie prenotazioni», perché l'elenco sta nella memoria del browser — e quando manca lo dice, invece di restare vuota.
  • Il fuoco da tastiera si vede sempre: un contorno di due pixel su ogni comando. Le tappe di sei pagine sono state percorse una per una.
  • Niente si muove da solo, e chi ha chiesto al proprio sistema di ridurre le animazioni le vede ferme.
  • Il testo si ingrandisce: fino a 320px di larghezza nessuna pagina scorre in orizzontale.
  • Ogni pagina dichiara la propria lingua, e le due versioni si nominano a vicenda.
  • Le stelle delle recensioni hanno il voto scritto accanto, per chi non vede il disegno.

Cosa NON abbiamo verificato

È la parte che manca in quasi tutte le dichiarazioni, e senza la quale le altre non valgono niente.

  • Nessuna prova con un lettore di schermo vero — NVDA, VoiceOver, JAWS. I controlli automatici trovano circa un terzo dei problemi: il resto lo trova una persona che usa quegli strumenti.
  • Nessuna prova con persone con disabilità. Nessun audit di terza parte, nessuna certificazione.
  • Le pagine che stanno dietro l'accesso sono state esaminate in una configurazione sola.
  • Non dichiariamo un livello di conformità (A, AA, AAA): dirlo senza un audit sarebbe un'affermazione che nessuno ha verificato.

Un limite che conosciamo

  • Nei campi data e ora il pulsantino del selettore — il calendario, l'orologio — è disegnato dal browser, non da noi: l'indicatore di fuoco su quel pulsante è quello del browser, e non possiamo cambiarlo. Il resto del campo ha il nostro.

Fino al 12 settembre 2026 qui ce n'era un secondo: i messaggi d'errore del nostro sistema comparivano in italiano anche nelle pagine in inglese. È stato corretto, e questa riga resta per dire che c'era — non per lasciarlo scritto come se ci fosse ancora.

Come si rifà questa misura

Non è un giudizio: è un comando. npm run accessibilita rifà tutti e tre i controlli — axe-core sulle pagine, la camminata col tasto Tab, il riflusso a 320px — e stampa quello che trova. Se questa pagina e quel comando dicono cose diverse, ha ragione il comando.

Se trovi un ostacolo

Scrivicelo: è il modo più rapido perché venga corretto, e le segnalazioni su questo vanno prima di quasi tutto il resto. I recapiti sono in a chi rivolgersi.