ダークモード対応チェッカー
HTML 文書全体、またはスタイル付きの断片を貼り付けます。一般的なダークモードの手がかりを確認し、コードをアップロードせず隔離した明暗プレビューを表示します。
使い方
使い方
- 500 KiB 以下の HTML/CSS を貼り付けます。
- ローカルのダークモードチェックを実行します。
- 結果を確認し、隔離された明暗プレビューを比べます。
実装の手がかりであり、完全な監査ではありません
prefers-color-scheme、CSS変数、color-scheme、適応型SVG、画像処理、トランジション、手動テーマフックなど一般的な実装の手がかりを調べます。すべてのコンポーネントのアクセシビリティを証明するものではありません。
ローカルプレビュー
貼り付けた文書を隔離された明暗のプレビューフレームに表示します。コードのアップロード、保存、サービスへの送信はありません。
入力サイズの上限
入力は500 KiBまでです。受動的な視覚確認となるよう、プレビュー前にスクリプトを削除します。
よくある質問
あわせて知りたいこと
ウェブサイトを変更しますか？
いいえ。貼り付けたテキストを確認し、このブラウザー内に一時的なローカルプレビューを作るだけです。
チェックを通ればダークモードのアクセシビリティが保証されますか？
いいえ。実際の内容、フォーカス状態、コントラスト、画像、操作状態も確認してください。