サイト用比較表
列と行を書いてください。yesとno(またはsとn)と書くと✓と✗になり、それ以外のテキストはそのまま表示されます。
使い方プランや商品を並べて比較
広告
サイト用比較表: 用途
比較表は、お客様が質問しなくてもプラン、商品、サービスを選べるように助けます。列と行を書き、yesとnoで✓と✗にして、枠線とバッジで強調する列を選びます。
スマートフォンでは、最初の列を固定したまま表が横にスクロールします。HTMLはtableにthとscopeを使い、記号と一緒にはい/いいえの非表示テキストを入れるので、スクリーンリーダーが各セルを正しい見出しとともに読み上げます。
使い方
- 列を縦線で区切って書きます。
- 各行に、列ごとの値を書きます。
- 強調を選んでコードをコピーします。
使うタイミング
- サービスのプランを比較する。
- 商品モデルを比較する。
- 競合との違いを示す。
よくある質問
スマートフォンではどう表示されますか?
表はボックス内で横にスクロールし、各項目名の入った最初の列はスクロール中も固定されます。比較している対象を見失いません。
✓と✗の記号はアクセシブルですか?
各記号にはスクリーンリーダー用の非表示テキスト(はい/いいえ)が付き、表は行と列にscope付きのthを使うため、各セルは正しい見出しとともに読み上げられます。
強調列は何のためですか?
おすすめの選択肢に、枠線とバッジで注目を集めるためです。1列だけに使ってください。複数を強調すると効果が薄れます。
本当に無料?
はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール:Tools123は無料です。