無障礙檢查
Page Lemon 會檢查你已發布的頁面有沒有常見的無障礙問題,例如沒有描述的照片、沒有文字的按鈕、不易閱讀的文字,AI 也能幫你修好。這是自動檢查,只找得出常見問題,沒辦法全部抓出來,也不等於完整的無障礙稽核或合規證明。
最後更新: · 以 Markdown 檢視
對 AI 這樣說
複製到 AI 對話
檢查我的網站有沒有無障礙問題,並幫我修好或在修改之後:
複製到 AI 對話
再幫我的網站跑一次無障礙檢查,告訴我還剩哪些問題AI 會問你的事
- 沒有描述的照片,每張用幾個字說明拍的是什麼。AI 不該自己猜照片的內容。
- 照片是否只是裝飾(圖案、分隔線),這樣螢幕閱讀器就能略過。
- 文字和背景對比太低、看不清楚時,是否可以改顏色。
- 發布修正之前,需要你點頭同意。
先準備好這些
- 每張照片幾個字:說明照片裡有誰或有什麼(「開店時間的磨坊路麵包店」)。其他都不用準備。
- 不用安裝任何東西。每次發布時,檢查都會在 Page Lemon 上自動執行。
運作方式
- 每次發布,Page Lemon 最多會檢查 40 個頁面,並把主要問題和數量告訴 AI。不會因此擋下任何發布。
- AI 會讀取完整清單:每個問題、所在頁面、位在頁面的哪個部分,以及修正方法。
- AI 會先讓你看要改什麼,遇到只有你才知道的事(例如照片拍的是什麼)再問你。你同意後才會發布。
- AI 會建議做個驗證:對新版本再檢查一次,告訴你哪些已修好、還剩什麼。
你也可以在 App 裡看最近一次的檢查結果:開啟網站,進入被找到分頁,再點無障礙。按請 AI 來修正會複製一段訊息,貼給 AI 就行。
檢查項目
- 沒有描述的照片(替代文字):螢幕閱讀器會唸給視障者聽。
- 沒有文字的連結和按鈕,例如單獨一個圖示,螢幕閱讀器沒辦法唸出它是什麼。
- 沒有標籤的表單欄位。欄位裡的灰色提示字一輸入就消失,所以不算標籤。
- 和背景對比後很難看清的文字(對比度低),限於兩種顏色都是在你網站自己的樣式裡設定的情況。
- 缺少頁面語言或頁面標題、會自動播放的聲音或影片、沒有標題的嵌入地圖或影片,以及手機上停用縮放。
- 標題層級混亂,例如沒有主標題,或大標題後面直接接小標題、跳過了一個層級。
- 小到難以點按的按鈕和連結,也就是網站樣式把它們設得小於 24 × 24 像素。
每個問題都會標出相關的 WCAG 2.2 規則(有對應規則時)。WCAG 是無障礙網站的國際準則。
注意事項
- 這不是完整的稽核。自動檢查無法判斷描述是否準確、只用鍵盤是否能順利瀏覽,也無法判斷照片上的文字看不看得清楚。請用鍵盤(Tab 鍵)和手機的螢幕閱讀器實際操作看看,也可以請真正使用這些工具的人幫忙試用。
- 這不是合規證明。通過檢查,不代表你的網站符合某項法規或標準。
- 檢查範圍:你發布時的頁面和樣式。之後才由腳本加進頁面的內容不會檢查。
- 大型網站:每次最多檢查 40 個頁面,首頁優先。
- 搜尋引擎也喜歡。照片描述、頁面語言、唯一的主標題和清楚的連結文字,也有助於頁面在搜尋中被找到。詳見讓大家在網路上找到你。
覺得哪裡不對勁?請看解決問題。
給 AI 助理:設定指南在 pagelemon.com/agents/accessibility。