2026/9/3 にチェック · https://vercel.com/
重大な障壁 2 件n。
スコアはどのように算出されますか？（開始点 100）
| ズームがロックされています | -18 |
| テキストコントラストが不足している可能性のある CSS ルールが 5 件n | -18 |
| 結果 | 64 / 100 |
知覚可能
ズームがロックされています
viewport メタに user-scalable=no または 1 に近い maximum-scale が含まれています。
<meta name="viewport">
対応すべきこと: user-scalable=no と maximum-scale を削除してください: <meta name="viewport" content="width=device-width, initial-scale=1">。
テキストコントラストが不足している可能性のある CSS ルールが 5 件n
必要: 4.5:1（通常）または 3:1（大きいテキスト）。「想定されるページ背景」の場合、実際の背景を確実に判別できませんでした — 疑わしい場合はブラウザーで確認してください。検出されたもの（一部）: `.text-\[rgb\(250\`: #fafafa auf #fafafa (Vorfahren-Hintergrund) = 1.00:1 · `.text-\[\#a0a0a0\]`: #a0a0a0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.61:1 · `.text-\[\#33b279\]`: #33b279 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.70:1 · `.text-\[rgb\(29\`: #1d9bf0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.ghfe_a_dialog .ghfe_a_dialogcta`: #718900 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.98:1
.text-\[rgb\(250\, .text-\[\#a0a0a0\], .text-\[\#33b279\], .text-\[rgb\(29\, .ghfe_a_dialog .ghfe_a_dialogcta
対応すべきこと: テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。
すでに正しく対応済み
- テキスト代替: 自動的に認識可能な問題はありません
- <main> ランドマークがあります
次のステップ
- ズームがロックされています. user-scalable=no と maximum-scale を削除してください: <meta name="viewport" content="width=device-width, initial-scale=1">。
- テキストコントラストが不足している可能性のある CSS ルールが 5 件n. テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。
毎週の再スキャン、JS レンダリング、新しい障壁が見つかった際のメール — 近日提供。
方法 & 限界
2026/9/3 に、vercel.com がログインなしの初回アクセス時に配信する HTML と、同一ドメインのリンクされた CSS ファイル最大 4 件をチェックしました。チェック対象: 色コントラスト（CSS から）、テキスト代替、フォームのラベル付け、操作要素の名前、見出し構造、ページのタイトルと言語、ズームのロック、重複した id、正の tabindex 値、ランドマーク。
チェック対象外: JavaScript によって生成されるものすべて、キーボード操作性、可視のフォーカス、フォーカス順序、スクリーンリーダーの読み上げ、ログインの背後のコンテンツ、下位ページ。自動テストは WCAG 違反のおよそ 20〜35 % を検出します — 残りは手動チェックが必要です。スナップショットであり、法的判断ではありません。