無障礙檢查

Page Lemon 會檢查你已發布的頁面有沒有常見的無障礙問題,例如沒有描述的照片、沒有文字的按鈕、不易閱讀的文字,AI 也能幫你修好。這是自動檢查,只找得出常見問題,沒辦法全部抓出來,也不等於完整的無障礙稽核或合規證明。

最後更新: · 以 Markdown 檢視

本頁內容

對 AI 這樣說

複製到 AI 對話

檢查我的網站有沒有無障礙問題,並幫我修好

或在修改之後:

複製到 AI 對話

再幫我的網站跑一次無障礙檢查,告訴我還剩哪些問題

AI 會問你的事

  • 沒有描述的照片,每張用幾個字說明拍的是什麼。AI 不該自己猜照片的內容。
  • 照片是否只是裝飾(圖案、分隔線),這樣螢幕閱讀器就能略過。
  • 文字和背景對比太低、看不清楚時,是否可以改顏色。
  • 發布修正之前,需要你點頭同意。

先準備好這些

  • 每張照片幾個字:說明照片裡有誰或有什麼(「開店時間的磨坊路麵包店」)。其他都不用準備。
  • 不用安裝任何東西。每次發布時,檢查都會在 Page Lemon 上自動執行。

運作方式

  1. 每次發布,Page Lemon 最多會檢查 40 個頁面,並把主要問題和數量告訴 AI。不會因此擋下任何發布。
  2. AI 會讀取完整清單:每個問題、所在頁面、位在頁面的哪個部分,以及修正方法。
  3. AI 會先讓你看要改什麼,遇到只有你才知道的事(例如照片拍的是什麼)再問你。你同意後才會發布。
  4. AI 會建議做個驗證:對新版本再檢查一次,告訴你哪些已修好、還剩什麼。

你也可以在 App 裡看最近一次的檢查結果:開啟網站,進入被找到分頁,再點無障礙。按請 AI 來修正會複製一段訊息,貼給 AI 就行。

檢查項目

  • 沒有描述的照片(替代文字):螢幕閱讀器會唸給視障者聽。
  • 沒有文字的連結和按鈕,例如單獨一個圖示,螢幕閱讀器沒辦法唸出它是什麼。
  • 沒有標籤的表單欄位。欄位裡的灰色提示字一輸入就消失,所以不算標籤。
  • 和背景對比後很難看清的文字(對比度低),限於兩種顏色都是在你網站自己的樣式裡設定的情況。
  • 缺少頁面語言或頁面標題、會自動播放的聲音或影片、沒有標題的嵌入地圖或影片,以及手機上停用縮放。
  • 標題層級混亂,例如沒有主標題,或大標題後面直接接小標題、跳過了一個層級。
  • 小到難以點按的按鈕和連結,也就是網站樣式把它們設得小於 24 × 24 像素。

每個問題都會標出相關的 WCAG 2.2 規則(有對應規則時)。WCAG 是無障礙網站的國際準則。

注意事項

  • 這不是完整的稽核。自動檢查無法判斷描述是否準確、只用鍵盤是否能順利瀏覽,也無法判斷照片上的文字看不看得清楚。請用鍵盤(Tab 鍵)和手機的螢幕閱讀器實際操作看看,也可以請真正使用這些工具的人幫忙試用。
  • 這不是合規證明。通過檢查,不代表你的網站符合某項法規或標準。
  • 檢查範圍:你發布時的頁面和樣式。之後才由腳本加進頁面的內容不會檢查。
  • 大型網站:每次最多檢查 40 個頁面,首頁優先。
  • 搜尋引擎也喜歡。照片描述、頁面語言、唯一的主標題和清楚的連結文字,也有助於頁面在搜尋中被找到。詳見讓大家在網路上找到你。

覺得哪裡不對勁?請看解決問題。

給 AI 助理:設定指南在 pagelemon.com/agents/accessibility。

有哪裡不清楚或過時了嗎?告訴我們,我們會修正。