Bitebooker

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 13 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 automaticiaxe-core su ventisei pagine del portale, nelle due lingue: home, 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 cinque pagine (da trentuno a quarantotto 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.

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 trenta tappe di due 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.