Vergleichstabelle für die Website
Schreibe die Spalten und die Zeilen. Nutze ja und nein (oder j und n), damit daraus ✓ und ✗ werden; jeder andere Text erscheint unverändert.
So geht’sTarife und Produkte nebeneinander vergleichen
Verfügbar auf: 
Vergleichstabelle für die Website: wofür es gut ist
Eine Vergleichstabelle hilft dem Kunden, sich zwischen Tarifen, Produkten oder Leistungen zu entscheiden, ohne fragen zu müssen. Schreibe die Spalten und die Zeilen, nutze ja und nein, damit daraus ✓ und ✗ werden, und wähle eine Spalte, die mit Rahmen und Siegel hervorgehoben wird.
Auf dem Handy scrollt die Tabelle zur Seite, mit fester erster Spalte. Das HTML nutzt table mit th und scope und einen versteckten Text für Ja und Nein neben den Symbolen, damit der Screenreader jede Zelle mit der richtigen Überschrift liest.
So geht’s
- Schreibe die Spalten, durch Querstrich getrennt.
- Schreibe jede Zeile mit dem Wert jeder Spalte.
- Wähle die Hervorhebung und kopiere den Code.
Wann nutzen
- Tarife eines Dienstes vergleichen.
- Produktmodelle vergleichen.
- Unterschiede zum Wettbewerb zeigen.
Häufige Fragen
Wie sieht es auf dem Handy aus?
Die Tabelle scrollt in einem Kasten zur Seite, und die erste Spalte mit dem Namen jedes Eintrags bleibt beim Scrollen fest. So verliert die Person nie aus den Augen, was sie vergleicht.
Sind die Symbole ✓ und ✗ barrierefrei?
Jedes Symbol kommt mit einem versteckten Text (Ja oder Nein) für den Screenreader, und die Tabelle nutzt th mit scope in Zeilen und Spalten, daher wird jede Zelle mit der richtigen Überschrift angesagt.
Wofür ist die hervorgehobene Spalte?
Um die Aufmerksamkeit auf die Option zu lenken, die du empfiehlst, mit Rahmen und Siegel. Nutze sie bei nur einer Spalte; mehrere hervorzuheben hebt die Wirkung auf.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.