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

檢測於 2026/9/3 · https://app.netlify.com/

B
84 / 100
0 項關鍵 · 2 項待查

所檢測的 HTML 中無關鍵障礙 · 2 項e待複查。

分數如何計算?(起始 100 分)
所提供的 HTML 中沒有 <h1> 標題-7
8 條n CSS 規則的文字對比可能過低-7
Seite wird per JavaScript aufgebaut-2
結果84 / 100
?對比度 (1)替代文字標記?結構 (1)語言縮放穩健性

可感知

待查WCAG 1.4.3 對比(最低)

8 條n CSS 規則的文字對比可能過低

必要值: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> 標題

每個頁面應以恰好一個 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. 8 條n CSS 規則的文字對比可能過低. 將文字顏色加深或背景調亮,直到達到相應的最低值。切勿將顏色作為唯一的區辨特徵。
  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 檔。已檢測:色彩對比(取自 CSS)、替代文字、表單標記、操作元件名稱、標題結構、頁面標題與頁面語言、縮放鎖定、重複的 id、正值 tabindex、地標。

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

檢測其他網站