2026/8/31 にチェック · https://a11yglass.com
チェックした HTML に重大な障壁はありません · 要再確認 1 項目。
スコアはどのように算出されますか?(開始点 100)
| テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural} | -7 |
| 結果 | 93 / 100 |
知覚可能
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}
必要: 4.5:1(通常)または 3:1(大きいテキスト)。「想定されるページ背景」の場合、実際の背景を確実に判別できませんでした — 疑わしい場合はブラウザーで確認してください。検出されたもの(一部): {examples}
.grade
対応すべきこと: テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。
すでに正しく対応済み
- コンテンツへのスキップリンクがあります
- <main> ランドマークがあります
次のステップ
- テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}. テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。
毎週の再スキャン、JS レンダリング、新しい障壁が見つかった際のメール — 近日提供。
方法 & 限界
2026/8/31 に、a11yglass.com がログインなしの初回アクセス時に配信する HTML と、同一ドメインのリンクされた CSS ファイル最大 4 件をチェックしました。チェック対象: 色コントラスト(CSS から)、テキスト代替、フォームのラベル付け、操作要素の名前、見出し構造、ページのタイトルと言語、ズームのロック、重複した id、正の tabindex 値、ランドマーク。
チェック対象外: JavaScript によって生成されるものすべて、キーボード操作性、可視のフォーカス、フォーカス順序、スクリーンリーダーの読み上げ、ログインの背後のコンテンツ、下位ページ。自動テストは WCAG 違反のおよそ 20〜35 % を検出します — 残りは手動チェックが必要です。スナップショットであり、法的判断ではありません。
オーバーレイ型ウィジェット(コントラストや文字サイズを切り替えるアクセシビリティボタン)では適合になりません。見つかったバリアはソースコードで修正する必要があります。 オーバーレイが役に立たない理由