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

2026/9/3 にチェック · https://app.netlify.com/

B
84 / 100
重大 0 件 · 要確認 2 件

チェックした HTML に重大な障壁はありません · 要再確認 2 項目e。

スコアはどのように算出されますか?(開始点 100)
配信された HTML に <h1> 見出しがありません-7
テキストコントラストが不足している可能性のある CSS ルールが 8 件n-7
Seite wird per JavaScript aufgebaut-2
結果84 / 100
?コントラスト (1)テキスト代替ラベル?構造 (1)言語ズーム堅牢性

知覚可能

要確認WCAG 1.4.3 コントラスト(最低限)

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

必要: 4.5:1(通常)または 3:1(大きいテキスト)。「想定されるページ背景」の場合、実際の背景を確実に判別できませんでした — 疑わしい場合はブラウザーで確認してください。検出されたもの(一部): `.ansi-cyan-fg`: #0bb auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.38:1 · `.ansi-green-fg`: #0b0 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.59:1 · `.ansi-bright-magenta-fg`: #f5f auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 2.63:1 · `.ansi-bright-red-fg`: #f55 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.14:1 · `.ansi-magenta-fg`: #f500f5 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.39:1

.ansi-cyan-fg, .ansi-green-fg, .ansi-bright-magenta-fg, .ansi-bright-red-fg, .ansi-magenta-fg

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

操作可能

要確認WCAG 1.3.1 情報及び関係性 / 2.4.6 見出し及びラベル

配信された HTML に <h1> 見出しがありません

各ページは、ちょうど 1 つの h1 で始めるべきです。JavaScript で構築されるページでは h1 がブラウザーでのみ生成されることがあります — その場合はレンダリング後の DOM を確認してください。

body

対応すべきこと: 意味のある <h1> を最初の見出しとして挿入してください(できればサーバー側で)。

堅牢

注記

Seite wird per JavaScript aufgebaut

Das ausgelieferte HTML enthält fast keinen Inhalt — die Seite rendert erst im Browser. Der statische Scan prüft nur das Gerüst; ARIA-Rollen, Fokus-Reihenfolge und die meisten Inhalte entstehen erst durch JavaScript und werden hier nicht bewertet.

対応すべきこと: Diese Seite mit einem Browser-Werkzeug prüfen (z. B. axe DevTools) oder den Tiefen-Scan nutzen. Die untenstehenden Funde beziehen sich nur auf das initiale HTML.

次のステップ

  1. 配信された HTML に <h1> 見出しがありません. 意味のある <h1> を最初の見出しとして挿入してください(できればサーバー側で)。
  2. テキストコントラストが不足している可能性のある CSS ルールが 8 件n. テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。
  3. Seite wird per JavaScript aufgebaut. Diese Seite mit einem Browser-Werkzeug prüfen (z. B. axe DevTools) oder den Tiefen-Scan nutzen. Die untenstehenden Funde beziehen sich nur auf das initiale HTML.
このページを自動で監視しますか?

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

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

方法 & 限界

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

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

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