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

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

F
0 / 100
重大 96 件 · 要確認 11 件

重大な障壁 96 件n · さらに要確認 11 件。

スコアはどのように算出されますか?(開始点 100)
{total} 件中 {n} 件の画像に alt 属性がありません-18
{n} 件のフォームフィールドに認識可能なラベルがありません-18
HTML 内で認識可能な名前のないリンクが {n} 件-18
HTML 内で名前のないボタンが {n} 件-18
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-18
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-6
配信された HTML に <h1> 見出しがありません-7
重複した id 属性が {n} 件-7
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}-2
結果0 / 100
コントラスト (101)テキスト代替 (1)ラベル (3)?構造 (1)言語ズーム?堅牢性 (1)

知覚可能

重大WCAG 1.1.1 非テキストコンテンツ

{total} 件中 {n} 件の画像に alt 属性がありません

JavaScript で後から読み込まれる画像はここには含まれません。

img

対応すべきこと: 各 <img> に alt を付与してください: 意味のある画像には短い説明、純粋に装飾的なものには alt=""。

重大WCAG 1.3.1 情報及び関係性 / 4.1.2 名前・役割及び値

{n} 件のフォームフィールドに認識可能なラベルがありません

JavaScript で設定された aria-label が存在するか確認してください。

input, select, textarea

対応すべきこと: 各フィールドを <label for> 要素と関連付けるか、aria-label / aria-labelledby を設定してください。placeholder だけでは不十分です。

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

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

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

input::-moz-placeholder, textarea::-moz-placeholder

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

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

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

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

input::placeholder, textarea::placeholder

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

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

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

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

.text-blue-100

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

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

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

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

.text-blue-50

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

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

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

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

.text-blue-500

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

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

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

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

.text-gray-100

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

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

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

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

.text-gray-300

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

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

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

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

.text-gray-400

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

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

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

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

.text-gray-50

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

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

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

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

.text-green-50

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

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

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

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

.text-heiseblau-200

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

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

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

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

.text-heiseblau-400

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

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

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

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

.text-heisegrau-50

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

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

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

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

.text-heisegrau-600

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

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

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

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

.text-heisegrau-light

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

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

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

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

.text-heisehellblau

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

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

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

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

.text-ho-text

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

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

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

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

.text-purchase

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

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

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

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

.text-red-400

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

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

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

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

.text-red-50

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

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

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

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

.text-white

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

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

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

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

.text-yellow-50

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

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

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

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

.ho-text:is(.dark *)

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

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

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

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

.ho-text-muted:is(.dark *)

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

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

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

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

.ho-inline-link:visited, .ho-has-inline-links a:visited, .rte h2 a:visited, .rte h3 a:visited, .rte h4 a:visited, .rte h5 a:visited, .rte h6 a:visited, .rte p a:visited, .rte ul a:visited, .rte ol a:visited

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

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

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

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

code:is(.dark *)

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

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

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

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

&:is(.dark *)::before

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

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

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

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

.tx_green

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

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

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

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

.placeholder\:text-gray-400::-moz-placeholder

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

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

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

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

.placeholder\:text-gray-400::placeholder

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

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

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

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

.visited\:text-gray-400:visited

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

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

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

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

.hover\:text-blue-100:hover

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

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

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

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

.hover\:text-gray-50:hover

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

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

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

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

.hover\:text-white:hover

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

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

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

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

.hover\:ho-text:hover:is(.dark *)

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

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

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

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

.group\/magazine-tile:hover .group-hover\/magazine-tile\:text-white

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

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

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

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

.group\/teaser:hover .group-hover\/teaser\:text-red-300

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

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

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

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

.group\/teaser:hover .group-hover\/teaser\:text-white

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

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

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

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

.dark\:text-blue-50:is(.dark *)

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

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

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

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

.dark\:text-gray-100:is(.dark *)

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

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

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

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

.dark\:text-gray-200:is(.dark *)

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

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

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

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

.dark\:text-gray-50:is(.dark *)

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

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

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

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

.dark\:text-green-50:is(.dark *)

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

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

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

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

.dark\:text-heiseblau-300:is(.dark *)

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

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

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

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

.dark\:text-heiseblau-400:is(.dark *)

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

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

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

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

.dark\:text-heiseblau-500:is(.dark *)

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

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

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

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

.dark\:text-heisegrau-300:is(.dark *)

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

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

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

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

.dark\:text-heisegrau-400:is(.dark *)

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

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

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

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

.dark\:text-heisehellblau-400:is(.dark *)

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

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

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

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

.dark\:text-heisehellblau-50:is(.dark *)

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

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

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

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

.dark\:text-red-400:is(.dark *)

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

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

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

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

.dark\:text-red-50:is(.dark *)

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

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

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

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

.dark\:text-white:is(.dark *)

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

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

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

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

.dark\:text-yellow-50:is(.dark *)

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

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

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

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

.dark\:placeholder-white:is(.dark *)::-moz-placeholder

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

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

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

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

.dark\:placeholder-white:is(.dark *)::placeholder

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

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

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

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

.before\:dark\:text-heisehellblau-400:is(.dark *)::before

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

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

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

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

.after\:dark\:text-heisehellblau-400:is(.dark *)::after

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

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

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

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

.dark\:hover\:\!text-white:hover:is(.dark *)

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

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

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

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

.dark\:hover\:text-gray-50:hover:is(.dark *)

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

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

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

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

.dark\:hover\:text-heiseblau-300:hover:is(.dark *)

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

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

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

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

.dark\:hover\:text-white:hover:is(.dark *)

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

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

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

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

.dark\:hover\:ho-text:hover:is(.dark *):is(.dark *)

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

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

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

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

.group\/teaser:hover .dark\:group-hover\/teaser\:text-red-300:is(.dark *)

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

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

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

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

.group\/teaser:hover .dark\:group-hover\/teaser\:text-white:is(.dark *)

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

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

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

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

.a-android-native-app-prompt__load-app

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

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

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

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

.a-android-native-app-prompt__close-banner

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

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

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

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

a-color-scheme .a-color-scheme__icon--auto::before

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

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

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

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

a-color-scheme[state=system] .a-color-scheme__icon--auto::before, a-color-scheme .a-color-scheme__option--auto:hover .a-color-scheme__icon--auto::before

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

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

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

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

a-color-scheme[state=dark] .a-color-scheme__icon--moon, a-color-scheme .a-color-scheme__option--dark:hover .a-color-scheme__icon--moon

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

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

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

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

.dark a-gift-link

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

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

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

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

.dark a-gift-link a, .dark a-gift-link a:visited

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

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

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

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

.dark a-gift-link a:hover

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

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

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

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

.dark a-gift-link dialog

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

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

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

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

.dark a-gift-link dialog a, .dark a-gift-link dialog a:visited

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

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

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

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

.dark a-gift-link dialog a:hover

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

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

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

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

.dark a-gift-link dialog .close-btn

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

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

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

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

.dark a-gift-link dialog .close-btn:hover

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

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

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

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

a-gift-create-link .create-link-btn:disabled

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

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

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

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

.a-lightbox__caption

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

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

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

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

a-opt-in[is-active] .opt-in__cta.is-disabled, a-opt-in[is-active] .opt-in__cta[disabled]

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

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

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

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

a-opt-in[is-active] .opt-in__footnote

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

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

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

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

a-opt-in[is-active] .opt-in__footnote a

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

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

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

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

a-pur-indicator [data-collapse-content]

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

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

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

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

a-pur-indicator [data-collapse-content]>a

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

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

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

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

.a-pvg-deal__shipping

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

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

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

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

.a-pvg-deal__button, .a-pvg-deal__button:visited, .a-pvg-deal__button:link

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

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

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

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

.a-pvg-deal__button.is-disabled, .a-pvg-deal__button[disabled]

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

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

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

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

.supporter__submit[type=submit].is-disabled, .supporter__submit[type=submit][disabled]

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

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

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

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

.supporter__submit[type=submit], .supporter__submit[type=submit]:visited, .supporter__submit[type=submit]:link

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

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

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

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

.a-topic-dialog-close

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

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

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

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

.a-topic-dialog-button.is-disabled, .a-topic-dialog-button[disabled]

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

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

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

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

.text-gray-500

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

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

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

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

.text-heisehellblauweb-light

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

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

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

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

.tx_blue

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

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

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

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

.dark\:text-blue-600:is(.dark *)

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

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

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

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

.dark\:text-red-500:is(.dark *)

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

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

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

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

.dark\:hover\:text-blue-600:hover:is(.dark *)

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

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

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

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

.a-pvg-deal__button:hover

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

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

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

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

.supporter__submit[type=submit]:hover

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

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

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

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

a-topic .topic-label

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

操作可能

重大WCAG 2.4.4 リンクの目的 / 4.1.2 名前・役割及び値

HTML 内で認識可能な名前のないリンクが {n} 件

空のリンク、または alt のないアイコン/画像のみ。JavaScript で設定された aria-label はここでは認識されません。

a

対応すべきこと: 可視のリンクテキストを追加するか、アイコンリンクには aria-label または alt 付きの画像を使用してください。

重大WCAG 4.1.2 名前・役割及び値

HTML 内で名前のないボタンが {n} 件

テキストも aria-label もないボタンは、名前が JavaScript で設定されない限り、スクリーンリーダーにとって無音です。

button

対応すべきこと: ボタンのテキストを追加するか、aria-label を設定してください。

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

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

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

body

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

堅牢

要確認WCAG 4.1.1 構文解析(廃止済みだが、関連付けについては依然として重要)

重複した id 属性が {n} 件

例: {examples}。label-for および aria の関連付けを壊します。

[id]

対応すべきこと: 一意の id を割り当ててください。

次のステップ

  1. {total} 件中 {n} 件の画像に alt 属性がありません. 各 <img> に alt を付与してください: 意味のある画像には短い説明、純粋に装飾的なものには alt=""。
  2. {n} 件のフォームフィールドに認識可能なラベルがありません. 各フィールドを <label for> 要素と関連付けるか、aria-label / aria-labelledby を設定してください。placeholder だけでは不十分です。
  3. HTML 内で認識可能な名前のないリンクが {n} 件. 可視のリンクテキストを追加するか、アイコンリンクには aria-label または alt 付きの画像を使用してください。
  4. HTML 内で名前のないボタンが {n} 件. ボタンのテキストを追加するか、aria-label を設定してください。
  5. テキストコントラストが不足している可能性のある CSS ルールが {n} 件{nPlural}. テキストの色を暗くするか背景を明るくして、それぞれの最小値に達するようにしてください。色を唯一の識別手段として使用しないでください。
このページを自動で監視しますか?

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

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

方法 & 限界

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

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

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