日本語
a11yglass · ウェブサイトのアクセシビリティチェック

2026/8/31 にチェック · https://www.chefkoch.de/

D
55 / 100
重大 2 件 · 要確認 1 件

重大な障壁 2 件n · さらに要確認 1 件。

スコアはどのように算出されますか?(開始点 100)
<html> 要素に有効な lang 属性がありません-18
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-18
見出しレベルの飛ばし-7
{n} 件の <h1> 見出し-2
結果55 / 100
コントラスト (1)テキスト代替ラベル?構造 (2)言語 (1)ズーム堅牢性

知覚可能

重大WCAG 1.4.3 コントラスト(最低限)

テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}

必要: 4.5:1(通常)または 3:1(大きいテキスト)。「想定されるページ背景」の場合、実際の背景を確実に判別できませんでした — 疑わしい場合はブラウザーで確認してください。検出されたもの(一部): {examples}

.w-user-menu__context-menu-badge[data-v-aeb5c564]

対応すべきこと: テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。

操作可能

要確認WCAG 1.3.1 情報及び関係性

見出しレベルの飛ばし

順序: {seq}。レベルを飛ばすべきではありません(h2 → h4)。

h1–h6

対応すべきこと: 見出しレベルを飛ばさずに割り当ててください。

注記WCAG 1.3.1 情報及び関係性

{n} 件の <h1> 見出し

複数の h1 は、見出しリストによるナビゲーションを困難にします。

h1

対応すべきこと: 1 つの h1 に減らし、残りを h2 に下げてください。

理解可能

重大WCAG 3.1.1 ページの言語

<html> 要素に有効な lang 属性がありません

スクリーンリーダーは発音を判別できません。

<html>

対応すべきこと: 言語を設定してください。例: <html lang="ja">。

すでに正しく対応済み

次のステップ

  1. <html> 要素に有効な lang 属性がありません. 言語を設定してください。例: <html lang="ja">。
  2. テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}. テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。
  3. 見出しレベルの飛ばし. 見出しレベルを飛ばさずに割り当ててください。
  4. {n} 件の <h1> 見出し. 1 つの h1 に減らし、残りを h2 に下げてください。
このページを自動で監視しますか?

毎週の再スキャン、JS レンダリング、新しい障壁が見つかった際のメール — 近日提供。

アクセシビリティ宣言を作成 →

方法 & 限界

2026/8/31 に、www.chefkoch.de がログインなしの初回アクセス時に配信する HTML と、同一ドメインのリンクされた CSS ファイル最大 4 件をチェックしました。チェック対象: 色コントラスト(CSS から)、テキスト代替、フォームのラベル付け、操作要素の名前、見出し構造、ページのタイトルと言語、ズームのロック、重複した id、正の tabindex 値、ランドマーク。

チェック対象外: JavaScript によって生成されるものすべて、キーボード操作性、可視のフォーカス、フォーカス順序、スクリーンリーダーの読み上げ、ログインの背後のコンテンツ、下位ページ。自動テストは WCAG 違反のおよそ 20〜35 % を検出します — 残りは手動チェックが必要です。スナップショットであり、法的判断ではありません。

別のウェブサイトをチェック