GitHub用AI幫圖片寫「真心話」!不只檢查有沒有,還管寫得好不好

替代文字(Alt Text)長期以來是網頁無障礙設計的「基本盤」——有就好,至於寫得怎麼樣,好像沒人在乎。Gi…

12 分鐘

Read Time

替代文字(Alt Text)長期以來是網頁無障礙設計的「基本盤」——有就好,至於寫得怎麼樣,好像沒人在乎。GitHub近期推出的一款無障礙掃描外掛程式,打算改變這個窘境。

這套工具運用了AI技術,目標很明確:確保圖像的替代文字不只「存在」,更要「有描述性」。換句話說,機器不再只是打勾說「你有寫喔」,而是開始有能力判斷「你寫的到底能不能幫助使用者理解圖片內容」。

替代文字寫了等於沒寫?AI來抓這些「假動作」

對於視障者來說,螢幕閱讀器是他們瀏覽網頁的主要工具,而替代文字正是閱讀器能否正確描述圖像的關鍵。問題是,多數自動化工具只會檢查alt屬性是不是空白,完全不管內容是「123.jpg」還是「TODO:待補」。GitHub觀察到,現行做法只驗證了「圖片可存取」,卻完全忽略「描述是否實用」,這之間的落差就是真正的痛點。

GitHub的第一套防線,是五項不靠AI的確定性規則。這些規則會檢查替代文字是否空白、只含空格、用了萬用檔名、塞了「TODO」這類佔位符,或者更巧妙的是——同一組視覺區域內多張圖片的替代文字完全一樣。識別重複這點特別有意思,GitHub不是看程式碼的標記順序,而是用Playwright分析頁面的實際布局,確認這些圖片在視覺上確實屬於同一群,才把重複描述標出來。這種作法,比單純的字串比對精確多了。

不過,確定性規則再嚴謹,終究無法理解圖像的上下文。一張「獅子」的圖片,放在動物園介紹頁和放在企業品牌故事頁,該有的替代文字絕對不同。這就是GitHub決定導入AI的關鍵理由。

AI不只「看圖」,還「讀懂」整頁在講什麼

GitHub這套AI檢測功能有個細膩的設計:它不只看圖像本身,還會抓取周圍的標題、頁面標題、圖片說明、附近的文字段落,把這些當作判斷替代文字是否恰當的「情境線索」。更進一步,它會辨識圖像是否屬於超連結的一部分——如果是,替代文字就該描述連結的目的地,而不是圖像本身。這點很實際,卻常常被忽略。

這些資料彙整後,透過GitHub Models傳送給視覺模型進行評估。背後的邏輯是:與其用關鍵字比對來打分數,不如讓模型真正理解「這張圖在這頁面裡扮演什麼角色」,再回頭檢視替代文字有沒有說對重點。

根據StartupHub.ai的數據,目前專注於無障礙設計的開發者工具在StartupHub評分中僅有2分(滿分100)。這個數字反映了什麼?不是開發者不重視無障礙,而是市場上真正能解決「品質問題」的工具幾乎是空白。GitHub這次的切入點,等於把戰場從「有沒有」拉到「好不好」的層級。

編輯觀點:GitHub這一步,與其說是技術創新,不如說是對「合規文化」的一記提醒。很多團隊做無障礙設計,心態是「不被罰就好」,所以工具只檢查最低標。但GitHub這次示範了另一種可能——用AI去追問「使用者體驗到底好不好」。對開發者來說,這套工具降低了「把替代文字寫好」的門檻;對視障使用者來說,這代表網頁不再只是「可以讀」,而是「讀得懂」。如果其他平台跟進,整個產業的無障礙水準會往前跳一大步。

從「合規」到「好用」,還有一段路要走

GitHub這套做法,巧妙之處在於它不是推翻既有流程,而是在確定性規則之上疊加AI判斷,讓工具能同時處理「明顯有問題」和「語意不夠精準」兩種層級的缺失。設計上,AI檢測被定位為「可選用」功能,也保留了團隊自行決策的空間——不是所有圖片都需要AI來評分,裝飾性圖片本來就可以讓alt留空。

話說回來,AI再強,目前能做的還是「建議」與「標記」,最終替代文字要怎麼改,還是得由開發者或內容創作者判斷。但至少,GitHub讓「品質評估」這件事有了具體的技術路徑,不再只是憑感覺或靠運氣。

對一般使用者來說,你可能不會直接用到這套工具,但未來你逛GitHub上的專案頁面、閱讀技術文件時,圖像的替代文字會愈來愈有幫助——尤其是當你用手機網路不穩、圖片載不出來的時候,那段文字到底有沒有用,感受會非常直接。

開發者現在可以做什麼?

GitHub的無障礙掃描工具已經以外掛形式推出,可以在GitHub Marketplace找到。如果你負責維護開源專案或企業內部文件網站,現在就是試著把AI檢測納入CI/CD流程的好時機——不用等到合規稽核來敲門,先把替代文字的品質拉起來,對使用者來說就是最實際的改善。

本文改寫整理自公開新聞來源,原始報導由Yahoo奇摩新聞發布。

常見問題 FAQ

GitHub的AI無障礙掃描工具需要付費嗎?

目前該工具以外掛形式提供,實際費用以GitHub Marketplace公告為準,建議直接查詢官方頁面取得最新方案資訊。

AI檢測替代文字品質的準確度有多高?

AI檢測會結合頁面標題、圖片說明、附近文字等上下文進行綜合評估,準確度優於單純的字串比對,但仍建議開發者以AI建議為輔助,最終判斷仍須由人工確認。

裝飾性圖片會被AI誤判為缺失替代文字嗎?

不會。系統會透過Playwright辨識圖像並排除裝飾性圖片,開發者只要正確將裝飾性圖片的alt屬性留空,就不會被工具標記為缺失。

這套工具只適用於GitHub上的專案嗎?

該工具以GitHub Actions外掛形式運作,主要針對GitHub上的儲存庫。但GitHub已將相關技術邏輯與規則公開,開發者可以參考其做法應用在其他平台或工作流程中。

※ 此篇文章由 AI 改寫或生成,內容僅供參考,可能存在錯誤或不準確之處。

About the Author

AF themes

Easy WordPress Websites Builder: Versatile Demos for Blogs, News, eCommerce and More – One-Click Import, No Coding! 1000+ Ready-made Templates for Stunning Newspaper, Magazine, Blog, and Publishing Websites.

BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor

Search the Archives

Access over the years of investigative journalism and breaking reports