未検証

配色チェック

wafoo-css の全コンポーネント

検証結果

ブラウザが実際に描画した色（computed style）から、各要素の文字色と実効背景色のコントラスト比を計算します。 文字は 4.5:1（大きな文字は 3:1）、フォーム部品の枠線・フォーカスリング・図形は 3:1 が基準です。 無効状態の要素は WCAG の対象外のため除外しています。基準を下回った要素は赤い枠で示します。

テキスト・リンク

本文テキストです。 リンク と 強調 、 マーカー を含みます。

補助テキスト（muted）

accent / primary / success / warning / danger / info / secondary

引用文。灰色の補助テキストで表示されます。

インライン code とキー Ctrl

カード上の本文と リンク

カード上の補助テキスト

図のキャプション
surface-muted 上の リンク と 補助テキスト

ボタン

読み込み中（ .is-loading ）: 文字を隠してスピナーを表示
スピナー（ .wf-spinner ）
成功 警告 危険 情報 セカンダリー 判子 フォーカスリング

アラート・通知

標準のアラート
成功しました
注意してください
エラーが発生しました
お知らせです
補足情報です
保存しました
変更内容を保存しました。
確認が必要です
未入力の項目があります。
送信に失敗しました
時間をおいて再度お試しください。

フォーム

補助説明のテキスト

メールアドレスの形式が正しくありません

使用できます

推測されやすいパスワードです

¥

ナビゲーション

  1. 1 入力
  2. 2 確認
  3. 3 完了

データ表示

  • 選択中の項目
  • 通常の項目 補足
項目 値
件数 12
◆ ◆ ◆ ◆ ◆ 3.0 和 風

カレンダー

2026年10月
日
月
火
水
木
金
土

メッセージ・タイムライン

山
山田 10:24
こんにちは。
私
よろしくお願いします。
既読
山田さんが参加しました
  1. ✓

    受付

    10/1
    注文を受け付けました。
  2. 2

    発送準備

  3. 3

    お届け

タイムライン（横並び）

  1. ✓

    受付

  2. 2

    発送準備

  3. 3

    お届け

モーダル・サイドバー・その他

削除の確認

この操作は取り消せません。

警告

完了

お知らせ

データがありません
条件を変えて検索してください。
const wafoo = "和風";
10:00
11:00