Tabella comparativa per sito
Scrivi le colonne e le righe. Usa x e no (oppure ✓ e ✗) per ottenere ✓ e ✗; qualsiasi altro testo compare così com’è.
Come si usaConfronta piani e prodotti fianco a fianco
Disponibile in: 
Tabella comparativa per sito: a cosa serve
Una tabella comparativa aiuta il cliente a decidere tra piani, prodotti o servizi senza dover chiedere. Scrivi le colonne e le righe, usando x e no per ottenere ✓ e ✗, e scegli una colonna da evidenziare con bordo ed etichetta.
Su smartphone la tabella scorre di lato con la prima colonna fissa. L’HTML usa table con th e scope e un testo nascosto di Sì e No accanto ai simboli, così il lettore di schermo legge ogni cella con l’intestazione giusta.
Come si usa
- Scrivi le colonne separate da una barra.
- Scrivi ogni riga con il valore di ogni colonna.
- Scegli l’evidenza e copia il codice.
Quando usarlo
- Confrontare i piani di un servizio.
- Confrontare modelli di prodotto.
- Mostrare le differenze rispetto alla concorrenza.
Domande frequenti
Com’è su smartphone?
La tabella scorre di lato dentro un riquadro, e la prima colonna, con il nome di ogni voce, resta fissa mentre si scorre. Così la persona non perde mai di vista cosa sta confrontando.
I simboli ✓ e ✗ sono accessibili?
Ogni simbolo ha un testo nascosto (Sì o No) per il lettore di schermo, e la tabella usa th con scope su righe e colonne, quindi ogni cella viene annunciata con l’intestazione giusta.
A cosa serve la colonna in evidenza?
Serve ad attirare l’attenzione sull’opzione che consigli, con un bordo e un’etichetta. Usala su una sola colonna; evidenziarne più di una annulla l’effetto.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.