Hai ragione: la B è più elegante. E la mia obiezione era una sola — il contrasto del titolo bianco sopra la foto. Prima di lasciartela pesare l'ho verificata, perché il contrasto non si stima a occhio: si calcola.
Il risultato è che l'obiezione si supera, e si supera con un numero preciso. Qui sotto c'è il calcolo, le tessere a confronto sulla foto peggiore che esista, e cosa resta vero della B anche dopo averla sistemata.
Il calcolo
Il testo bianco sta sopra un velo nero che copre la foto. Più il velo è opaco, più il fondo si scurisce e più il bianco si stacca. Il caso peggiore è una foto bianca: un piatto di besciamella, una tovaglia chiara, la farina sul tavolo. Se il bianco si legge lì, si legge dappertutto.
Opacità del velo
Su foto bianca
Su foto media
Su foto scura
20%
1,61
5,74
16,56
30%
2,11
6,98
17,27
40%
2,85
8,52
17,94
50%
3,98
10,41
18,56
54%
4,59
11,26
18,79
60%
5,74
12,63
19,13
70%
8,52
15,08
19,63
Formula WCAG 2.1. Soglia richiesta per il testo: 4,5:1. La soglia esatta cade a 53,5%; per il livello severo (7:1) servirebbe il 65,1%.
Quindi la B si può fare, e si può dimostrare che è leggibile su qualunque fotografia — anche una che non ho mai visto, scattata fra due anni. Non è più una scommessa sulla foto. Il prezzo è che il terzo inferiore dell'immagine resta scurito: si vede nella seconda colonna qui sotto.
Foto
Tema
Le quattro tessere, alla misura vera
Sono larghe 177 punti, cioè esattamente quanto sarebbero sul tuo telefono: la leggibilità va giudicata a questa misura, non ingrandita.
Fila 1 · «Besciamella», la foto più chiara del ricettario — il caso peggiore
B, il velo di prima
soup_kitchen
Besciamella
list_alt5
2,8:1 nel punto peggiore. Sotto la soglia: non si può pubblicare così.
B, il velo calcolato
soup_kitchen
Besciamella
list_alt5
4,6:1 garantito su qualunque foto. Il fondo dell'immagine si scurisce.
C, la fascia opaca
soup_kitchen
Besciamella
list_alt5
14,2:1, come tutto il resto dell'app. La foto resta intatta, ma è più piccola.
A, la tessera
soup_kitchen
Besciamella
list_alt5
14,2:1. La foto è la più piccola delle quattro.
Fila 2 · «Ciambella Bertolini», una foto scura — dove tutte funzionano
cake
Ciambella Bertolini
list_alt6restaurant30
cake
Ciambella Bertolini
list_alt6restaurant30
cake
Ciambella Bertolini
list_alt6restaurant30
cake
Ciambella Bertolini
list_alt6restaurant30
Adesso premi «Senza foto» qui sopra: è l'altra metà del confronto, e oggi è la metà che vedresti aprendo l'app. Le prime due tessere diventano rettangoli di tinta piena; le ultime due tengono la testa colorata e la scritta sul bianco.
Le due finaliste, in una schermata intera
Perché quattro tessere affiancate non dicono come si comporta una schermata piena, che è dove la scelta si sente.