繁體中文
a11yglass · 網站無障礙檢測

檢測於 2026/8/31 · https://www.heise.de/

F
0 / 100
96 項關鍵 · 11 項待查

96 項關鍵障礙n · 另有 11 項待查。

分數如何計算?(起始 100 分)
{total} 張圖片中有 {n} 張沒有 alt 屬性-18
{n} 個表單欄位沒有可辨識的標記-18
{n} 個連結在 HTML 中沒有可辨識的名稱-18
{n} 個按鈕在 HTML 中沒有名稱-18
{n} 條{nPlural} CSS 規則的文字對比可能過低-18
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
{n} 條{nPlural} CSS 規則的文字對比可能過低-6
所提供的 HTML 中沒有 <h1> 標題-7
{n} 個重複的 id 屬性-7
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-2
{n} 條{nPlural} CSS 規則的文字對比可能過低-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 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

input::placeholder, textarea::placeholder

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-blue-100

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-blue-50

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-blue-500

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-gray-100

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-gray-300

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-gray-400

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-gray-50

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-green-50

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-heiseblau-200

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-heiseblau-400

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-heisegrau-50

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-heisegrau-600

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-heisegrau-light

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-heisehellblau

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-ho-text

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-purchase

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-red-400

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-red-50

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-white

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-yellow-50

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.ho-text:is(.dark *)

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值: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 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

code:is(.dark *)

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

&:is(.dark *)::before

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.tx_green

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.visited\:text-gray-400:visited

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.hover\:text-blue-100:hover

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.hover\:text-gray-50:hover

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.hover\:text-white:hover

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值: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 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值: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 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.dark a-gift-link

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.dark a-gift-link a:hover

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.dark a-gift-link dialog

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.dark a-gift-link dialog a:hover

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.a-lightbox__caption

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值: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 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.a-pvg-deal__shipping

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.a-topic-dialog-close

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

關鍵WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-gray-500

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.text-heisehellblauweb-light

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.tx_blue

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

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

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.a-pvg-deal__button:hover

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

.supporter__submit[type=submit]:hover

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

待查WCAG 1.4.3 對比(最低)

{n} 條{nPlural} CSS 規則的文字對比可能過低

必要值:4.5:1(一般)或 3:1(大字)。在「推定的頁面背景」情況下,無法確定實際背景 — 有疑慮時請在瀏覽器中檢查。發現包括:{examples}

a-topic .topic-label

你應該這樣做: 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。

可操作

關鍵WCAG 2.4.4 連結目的 / 4.1.2 名稱、角色、值

{n} 個連結在 HTML 中沒有可辨識的名稱

空連結,或僅有圖示/圖片而無 alt。透過 JavaScript 設定的 aria-label 在此不會被辨識。

a

你應該這樣做: 加入可見的連結文字,或在圖示連結上使用 aria-label 或帶 alt 的圖片。

關鍵WCAG 4.1.2 名稱、角色、值

{n} 個按鈕在 HTML 中沒有名稱

沒有文字也沒有 aria-label 的按鈕對螢幕報讀器而言是沉默的 — 除非名稱是透過 JavaScript 設定。

button

你應該這樣做: 加入按鈕文字或設定 aria-label。

待查WCAG 1.3.1 資訊與關聯 / 2.4.6 標題與標籤

所提供的 HTML 中沒有 <h1> 標題

每個頁面應以恰好一個 h1 開始。在透過 JavaScript 建構的頁面中,h1 可能只在瀏覽器中才出現 — 此時請檢查算繪後的 DOM。

body

你應該這樣做: 插入一個有意義的 <h1> 作為第一個標題(最好在伺服器端就有)。

穩健

待查WCAG 4.1.1 剖析(已廢止,但對關聯仍具意義)

{n} 個重複的 id 屬性

例如 {examples}。會破壞 label-for 與 aria 的關聯。

[id]

你應該這樣做: 配置唯一的 id。

後續步驟

  1. {total} 張圖片中有 {n} 張沒有 alt 屬性. 為每個 <img> 加上 alt:具意義的圖片給簡短描述,純裝飾圖片用 alt=""。
  2. {n} 個表單欄位沒有可辨識的標記. 將每個欄位連結到 <label for> 元素,或設定 aria-label/aria-labelledby。僅有 placeholder 並不足夠。
  3. {n} 個連結在 HTML 中沒有可辨識的名稱. 加入可見的連結文字,或在圖示連結上使用 aria-label 或帶 alt 的圖片。
  4. {n} 個按鈕在 HTML 中沒有名稱. 加入按鈕文字或設定 aria-label。
  5. {n} 條{nPlural} CSS 規則的文字對比可能過低. 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。
要自動監測此頁面嗎?

每週重新掃描、以 JS 算繪、出現新障礙時寄送電子郵件 — 即將推出。

建立無障礙聲明 →

方法與限制

於 2026/8/31 檢測了 www.heise.de 在未登入的首次造訪時所提供的 HTML,另加同網域最多四個連結的 CSS 檔。已檢測:色彩對比(取自 CSS)、替代文字、表單標記、操作元件名稱、標題結構、頁面標題與頁面語言、縮放鎖定、重複的 id、正值 tabindex、地標。

未檢測: 一切透過 JavaScript 產生的內容、鍵盤可操作性、可見焦點、焦點順序、螢幕報讀器播報、登入後的內容、子頁面。自動檢測可找出約 20–35% 的 WCAG 違規 — 其餘須以人工檢查。這是一份快照,而非法律判定。

檢測其他網站