裹著 AI 糖衣的無障礙網頁服務 ?

更新 發佈閱讀 4 分鐘

前言

就在幾天前,我使用的 Gemini 自動排程幫我抓的每日無障礙消息推送一則文章給我,該則文章裡說明他們的核心技術透過 AI 可以在網頁前端渲染時加上無障礙網頁技術以及提供個人化調整網頁的快捷設定。

由興奮急轉直下成極度失望,甚至憤怒

起先,我看到「透過 AI 可以在網頁渲染時加上無障礙網頁技術」我非常興奮,是不是有什麼新的技術被發明應用在實務上,但仔細了解後我徹底失望了,原來 Gemini 收集的那邊文章實際上是一篇「業配廣告」。

事情是這樣的,該則文章提到已經被證實無法在無障礙網頁領域能幫上多少忙的 Widget,接著述說他們的技術比 Widget 形式的好在哪裡,但事實是,他們只是比那些 Widget 多做了在網頁渲染時加上無障礙網頁的無障礙 DOM 補充,因為他們的「提供個人化調整網頁的快捷設定」這部分基本就是跟其他服務沒兩樣的 Widget(也許提供的工具不同,但本質一樣)。

為什麼我會知道,因為我實際去該技術的官方網站平台以及他們合作的電商,我直接打開我所有機器檢測工具實際測試一遍,最後再根據我自行人工檢核,發現如下問題:

  1. 宣稱 AI 會根據圖片進行 image alt 描述,但實際上只是一個簡單的場景敘述,程度大概是「一個女生穿著一件洋裝」,這其實並沒有太多幫助
  2. 「No ARIA is better than Bad ARIA」,這個技術幾乎把能加的aria都加上去,完全不顧<button>早就有包含文字描述了
  3. Headings 完全沒有照順序使用
  4. 顏色對比度仍舊沒有達到 WCAG 2.2 AA等級(更不用說之後的 WCAG 3.0 版本的色彩標準)
  5. Widget 跟其他相關的產品原則上也是一樣的道理,就不多說了。

也就是說,光是最常在網路上被看見的「常見無障礙網頁問題」都沒有修復好,最低標準的 lightinghouse 和 axe-core 也都沒通過,也不用討論到人工檢核階段。

官網的問題還好,轉去他們聲稱有專門訓練過的領域看看他們真實用戶網站的表現,結果更吐血,有時候連基本的鍵盤聚焦也完全沒有出現,在這個時刻我完全感到被詐騙,我是真正的生氣了。

從憤怒轉向感激

至少那家廠商嘗試了新的做法,自古以來,沒有失敗哪來的後人成功。

抱持著這樣的心情,我感謝他們以具體行動落實了他們的想法,而且推出真實產品用在真實客戶上,雖然有某種程度上的效果但也隨之帶來更多問題,不過至少他們跨出新的一步,也許將來會越來越好。

畢竟,人類是很想偷懶而且要做到產出更多,所以創造了各種偉大發明。

總結

AI 不是萬能,沒有訓練好的 AI 更是萬萬不能,在這個糖衣一下,我仍然建議先做過完整測試在推出產品,或還是使用在開發程式的部分,也就是一切網頁的源頭,甚至最好是在設計階段就已經規劃好大致上的規範。

我曾經實驗過在網站上一樣掛個 Widget 但是內容不是一堆設定按鈕,而是一個 AI 對話視窗 ,透過對話就可以改變網頁的各種呈現,這個實驗也成功過,但終歸耗費成本還是巨大,而且使用者變成會聚焦在對話視窗上,延伸出更多問題。




留言
avatar-img
Neil 的沙龍
4會員
20內容數
紀錄突然想到的設計靈感或實作的經過
Neil 的沙龍的其他內容
2026/04/30
看著目前程式工具在 AI 方面的發展、數位無障礙的各種方向、各種職缺也有所增長、各種無障礙網頁規範 Agent Skills 和 AI 檢測也開始蓬勃發展,我雖然有從中受益,但我感受到更大的迷惘:AI 要到什麼程度才能有巨大的能力幫助數位無障礙的普遍落實,或者應該問:我要怎麼讓 AI 能做到這件事。
Thumbnail
2026/04/30
看著目前程式工具在 AI 方面的發展、數位無障礙的各種方向、各種職缺也有所增長、各種無障礙網頁規範 Agent Skills 和 AI 檢測也開始蓬勃發展,我雖然有從中受益,但我感受到更大的迷惘:AI 要到什麼程度才能有巨大的能力幫助數位無障礙的普遍落實,或者應該問:我要怎麼讓 AI 能做到這件事。
Thumbnail
2026/04/23
詳細記錄了我如何透過 LLM從零開始只修改「文案和下Prompt」的方式,逐步開發一個名為 「DahTahDoc」的文件協作平臺,以解決公司在規格書撰寫與管理上遇到的種種痛點。文章涵蓋了從產品的起源、核心需求、LLM 的使用方式,並簡單探討這模式對未來職涯發展的影響。
Thumbnail
2026/04/23
詳細記錄了我如何透過 LLM從零開始只修改「文案和下Prompt」的方式,逐步開發一個名為 「DahTahDoc」的文件協作平臺,以解決公司在規格書撰寫與管理上遇到的種種痛點。文章涵蓋了從產品的起源、核心需求、LLM 的使用方式,並簡單探討這模式對未來職涯發展的影響。
Thumbnail
2025/05/30
在開發網站時,我們總習慣寫完程式碼後再補測試,再補無障礙,再補設計稿上的細節。 但「無障礙設計」這件事,其實不只是檢查通過,而是讓人真的可以用得順、看得懂、操作得了。
2025/05/30
在開發網站時,我們總習慣寫完程式碼後再補測試,再補無障礙,再補設計稿上的細節。 但「無障礙設計」這件事,其實不只是檢查通過,而是讓人真的可以用得順、看得懂、操作得了。
看更多
你可能也想看
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
見諸參與鄧伯宸口述,鄧湘庭於〈那個大霧的時代〉記述父親回憶,鄧伯宸因故遭受牽連,而案件核心的三人,在鄧伯宸記憶裡:「成立了成大共產黨,他們製作了五星徽章,印刷共產黨宣言——刻鋼板的——他們收集中共空飄的傳單,以及中國共產黨中央委員會有關文化大革命決議文的英文打字稿,另外還有手槍子彈十發。」
Thumbnail
提到麥當勞和漢堡王,大家腦海中浮現的通常是他們激烈的競爭關係。這兩家速食巨頭經常在廣告和營銷策略上互相較勁,推出了許多有趣且具挑釁性的活動。 兩人的競爭關係總會讓我聯想到《七龍珠》中的悟空與達爾,是敵人也是朋友,更是互相的對手,兩家品牌在速食行業中激烈競爭,下面舉幾個有趣的案例幫大家科普一下
Thumbnail
提到麥當勞和漢堡王,大家腦海中浮現的通常是他們激烈的競爭關係。這兩家速食巨頭經常在廣告和營銷策略上互相較勁,推出了許多有趣且具挑釁性的活動。 兩人的競爭關係總會讓我聯想到《七龍珠》中的悟空與達爾,是敵人也是朋友,更是互相的對手,兩家品牌在速食行業中激烈競爭,下面舉幾個有趣的案例幫大家科普一下
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當時間變少之後,看戲反而變得更加重要——這是在成為母親之後,我第一次誠實地面對這一件事:我沒有那麼多的晚上,可以任性地留給自己了。看戲不再只是「今天有沒有空」,而是牽動整個週末的結構,誰應該照顧孩子,我該在什麼時間回到家,隔天還有沒有精神帶小孩⋯⋯於是,我不得不學會一件以前並不擅長的事:挑選。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
當代名導基里爾.賽勒布倫尼科夫身兼電影、劇場與歌劇導演,其作品流動著強烈的反叛與詩意。在俄烏戰爭爆發後,他持續以創作回應專制體制的壓迫。《傳奇:帕拉贊諾夫的十段殘篇》致敬蘇聯電影大師帕拉贊諾夫。本文作者透過媒介本質的分析,解構賽勒布倫尼科夫如何利用影劇雙棲的特質,在荒謬世道中尋找藝術的「生存之道」。
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
5 月,方格創作島正式開島。這是一趟 28 天的創作旅程。活動期間,每週都會有新的任務地圖與陪跑計畫,從最簡單的帳號使用、沙龍建立,到帶著你從一句話、一張照片開始,一步一步找到屬於自己的創作節奏。不需要長篇大論,不需要完美的文筆,只需要帶上你今天的日常,就可以出發。征服創作島,抱回靈感與大獎!
Thumbnail
Khroma 是一款革命性的 AI 色彩工具,利用神經網絡為設計師、UI/UX 專業人士和品牌策略師生成無限的個性化色彩組合。該工具基於用戶喜愛的顏色進行訓練,並提供 WCAG 無障礙評級、十六進制代碼、RGB 值和 CSS 代碼等詳細資訊,徹底改變色彩搭配方式。
Thumbnail
Khroma 是一款革命性的 AI 色彩工具,利用神經網絡為設計師、UI/UX 專業人士和品牌策略師生成無限的個性化色彩組合。該工具基於用戶喜愛的顏色進行訓練,並提供 WCAG 無障礙評級、十六進制代碼、RGB 值和 CSS 代碼等詳細資訊,徹底改變色彩搭配方式。
Thumbnail
分享了媺嫚媽媽對Aiwibi愛薇彼夜用甄柔瞬吸紙尿褲的使用體驗。嬰兒夜間尿布在避免漏尿、保持乾爽方面表現優異,特別適合活潑好動的寶寶。尿布材質柔順,吸收性能強,長效保持皮膚乾爽,搭配可愛的無尾熊圖案,更加增添了使用樂趣。這款尿布持續吸收尿液達14小時,減少了紅屁屁的風險,是職場媽媽的安心之選。
Thumbnail
分享了媺嫚媽媽對Aiwibi愛薇彼夜用甄柔瞬吸紙尿褲的使用體驗。嬰兒夜間尿布在避免漏尿、保持乾爽方面表現優異,特別適合活潑好動的寶寶。尿布材質柔順,吸收性能強,長效保持皮膚乾爽,搭配可愛的無尾熊圖案,更加增添了使用樂趣。這款尿布持續吸收尿液達14小時,減少了紅屁屁的風險,是職場媽媽的安心之選。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News