LLM Chat Accessibility

更新於 發佈於 閱讀時間約 4 分鐘


因為很好奇,所以想檢測一下主流 LLM Chat 工具在無障礙上的支援程度

隨著歐盟的無障礙法規到來,我實在是很好奇最近幾年新出現的 LLM Chatbot 是否能通過無障礙,於是就隨意挑選三個 LLM 記錄一下 2025 目前的狀況。(如果過不了還能在歐盟的國家使用嗎?真是疑惑。)

機器掃描

1. 選擇當作基準的測試工具

本來是想簡單一點用 Chrome Devtool 的 Lighthouse ,但會被 Grok 一直擋在機器人檢測的頁面,所以本次選擇 IBM Equal Access Accessibility Checker 的 Chrome Extension 來測試,會選擇的原因是此款擴充程式一來持續在更新,再者可以根據需求選擇檢測規則。

共有五種選擇,其中三種為 WCAG 2.0, 2.1, 2.2 的 A 與 AA 級,其他兩種為 2.1 和 2.2 各自加上IBM 的額外補充。

共有五種選擇,其中三種為 WCAG 2.0, 2.1, 2.2 的 A 與 AA 級,其他兩種為 2.1 和 2.2 各自加上IBM 的額外補充。


2. 在未登入的情況下進行測試

因為登入之後可能會因為資料的不同造成差異,所以要以未登入的狀態開始

raw-image

raw-image

raw-image

雖然三者首頁有不盡相同,但在聊天的主要視窗大致上是一樣的

3. 機器檢測簡易結果

報告明細會區分三種等級,而每個等級又分成:

Violation:明確的違規
Needs review:需要人工近一步檢視
Recommendation:工具建議的做法

raw-image

左起 ChatGPT、Gemini、Grok,以簡單的數字來看,Gemini 表現相較優異。

可以看到在總數上三者並無太大差別,但是在 Violation 方面,Gemini 就相較優異,至少有明顯在程式上處理無障礙,其中 Violation 的部分看起來都是 <svg> 沒有標記描述之類的。

當然,這樣的機器檢測並不能代表什麼,因為在有些情況下,原本可以使用機器掃描辨別的,可能會因為使用的技術太新或其他原因,導致無法辨別。(例如背景與前景顏色的對比)

所以應該說,連這個都不能通過的話,那就也不需要進一步人工檢測了。

此階段個人認為 Gemini > ChatGPT = Grok

人工檢測

開啟作業系統報讀軟體做看看人工檢測以下任務:

  1. 在首頁輸入問題至聽到回覆結果,並觀察網頁回饋的行為
  2. 鍵盤遊走
  3. accesskey
  4. 標題規則檢測
  5. 人工顏色檢測
  6. Landmark
  7. 跳至主要內容按鈕
  8. <noscript>
  9. 其他問題

raw-image

在人工檢測的部分,三者在顏色方面都差不多,保持著簡單的黑色簡單的介面,可惜的是都沒有設定 accesskey,不確定是不需要還是沒有設定。Landmark 也因為是簡單的介面,所以基本都只有 main 而已,感覺應該可以再拆分得更細緻一點。

禁用 js 的情況下,只有 ChatGPT 有顯示畫面,其他兩者都是空白,但即便是有顯示畫面,但是沒有提示使用者可能無法操作,可能會造成更多困擾。

在實際操作 AI 對話的方面,我個人更喜歡 ChatGPT,雖然在鍵盤遊走的部分會有順序不一致的問題,但因為很多動作做完都是回去 Focus 在輸入框,所以倒還好。另外我覺得 Gemini 優於 Grok,因為畢竟是 chatbot ,個人覺得「回覆的狀態」還是最重要的,即便是沒有直接報讀回覆的內容。

結論

三者在機器掃描的結果上,Gemini 勝出,但在人工檢測上, ChatGPT 勝出。如果硬要分勝負,我個人覺得 ChatGPT 整體是比較好的,畢竟在主要功能的操作上是非常順暢的,這才是最重要的。

但三者應該都達不到歐盟的標準,所以我很期待之後會有什麼樣的發展。

留言
avatar-img
留言分享你的想法!
avatar-img
Neil 的沙龍
4會員
16內容數
紀錄突然想到的設計靈感或實作的經過
Neil 的沙龍的其他內容
2025/01/01
一個小程式,幫助撰文者製作符合無障礙網頁規範的文章 以 TinyMCE 為例,建立小工具檢測文章內容是否符合無障礙規範
Thumbnail
2025/01/01
一個小程式,幫助撰文者製作符合無障礙網頁規範的文章 以 TinyMCE 為例,建立小工具檢測文章內容是否符合無障礙規範
Thumbnail
2024/12/23
本篇簡單探討如果使用者可以透過 CUI 改變網站排版與風格,進而打破目前由開發者規劃好的體驗,將有什麼好處和壞處
Thumbnail
2024/12/23
本篇簡單探討如果使用者可以透過 CUI 改變網站排版與風格,進而打破目前由開發者規劃好的體驗,將有什麼好處和壞處
Thumbnail
2024/04/10
作業內容 挑選一篇 UX 案例,進行介紹與評論 挑選主題 無障礙 挑選文章 UX Case Study: Slack accessibility redesign https://medium.com/@izzy-shehan/19aa6eb6bfae 文章介紹 此為 2019 的文章
Thumbnail
2024/04/10
作業內容 挑選一篇 UX 案例,進行介紹與評論 挑選主題 無障礙 挑選文章 UX Case Study: Slack accessibility redesign https://medium.com/@izzy-shehan/19aa6eb6bfae 文章介紹 此為 2019 的文章
Thumbnail
看更多
你可能也想看
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
台灣也開放使用了! 你知道除了 ChatGPT、Gemini、claude 3.5等等AI工具之外,還有一個超好用的AI工具叫做NotebookLM嗎?
Thumbnail
台灣也開放使用了! 你知道除了 ChatGPT、Gemini、claude 3.5等等AI工具之外,還有一個超好用的AI工具叫做NotebookLM嗎?
Thumbnail
ChatGPT電腦桌面版正式上線,介面簡潔且方便使用。使用者可以透過截圖、拍照和語音對話等功能進行互動,並且即將推出GPT-4o新音訊和視訊功能。使用者可以應用於數學問題諮詢、文件解說和個人娛樂等多種場景。
Thumbnail
ChatGPT電腦桌面版正式上線,介面簡潔且方便使用。使用者可以透過截圖、拍照和語音對話等功能進行互動,並且即將推出GPT-4o新音訊和視訊功能。使用者可以應用於數學問題諮詢、文件解說和個人娛樂等多種場景。
Thumbnail
從Open AI推出Chat GPT3.5以來,2023年幾乎話題都圍繞著生成AI,在經濟市場上,AI科技股看好看漲,而AI的運用,更是突破大家的想像。 甚至連詐騙集團都趕上AI的風潮。之前節目有針對兩岸詐騙手法與模式作介紹,想進一步瞭解,在AI浪潮之下,兩岸就AI的法律有沒有什麼相應的管制或措施?
Thumbnail
從Open AI推出Chat GPT3.5以來,2023年幾乎話題都圍繞著生成AI,在經濟市場上,AI科技股看好看漲,而AI的運用,更是突破大家的想像。 甚至連詐騙集團都趕上AI的風潮。之前節目有針對兩岸詐騙手法與模式作介紹,想進一步瞭解,在AI浪潮之下,兩岸就AI的法律有沒有什麼相應的管制或措施?
Thumbnail
Chatbots 是一種模擬人類對話的電腦程式,通常透過文字或語音互動進行。隨著自然語言處理 (NLP) 和人工智慧 (AI) 技術的發展,Chatbots 在各個產業的應用日益廣泛。根據 Tidio 的研究,Chatbots 在五大產業中的應用主要集中在這些領域...
Thumbnail
Chatbots 是一種模擬人類對話的電腦程式,通常透過文字或語音互動進行。隨著自然語言處理 (NLP) 和人工智慧 (AI) 技術的發展,Chatbots 在各個產業的應用日益廣泛。根據 Tidio 的研究,Chatbots 在五大產業中的應用主要集中在這些領域...
Thumbnail
在人工智能快速發展的今天,OpenAI 最新宣布的一項改革,無疑為我們提供了更加直接和便捷的方式來接觸和利用這項創新技術:現在您可以立即使用 ChatGPT,而無需進行任何註冊過程。
Thumbnail
在人工智能快速發展的今天,OpenAI 最新宣布的一項改革,無疑為我們提供了更加直接和便捷的方式來接觸和利用這項創新技術:現在您可以立即使用 ChatGPT,而無需進行任何註冊過程。
Thumbnail
Einleitung Die kostenlose Nutzung von ChatGPT Deutsch Kostenlos eröffnet eine Welt voller Möglichkeiten für Unternehmen, Entwickler und Einzelperso
Thumbnail
Einleitung Die kostenlose Nutzung von ChatGPT Deutsch Kostenlos eröffnet eine Welt voller Möglichkeiten für Unternehmen, Entwickler und Einzelperso
Thumbnail
Einführung Die Einführung von ChatGPT Deutsch Kostenlos markiert einen bedeutenden Meilenstein in der Welt der künstlichen Intelligenz. Die kostenf
Thumbnail
Einführung Die Einführung von ChatGPT Deutsch Kostenlos markiert einen bedeutenden Meilenstein in der Welt der künstlichen Intelligenz. Die kostenf
Thumbnail
Einführung Die Möglichkeit, ChatGPT Deutsch ohne vorheriges Login zu verwenden, markiert einen bedeutsamen Schritt in Richtung barrierefreier Kommuni
Thumbnail
Einführung Die Möglichkeit, ChatGPT Deutsch ohne vorheriges Login zu verwenden, markiert einen bedeutsamen Schritt in Richtung barrierefreier Kommuni
Thumbnail
介紹: 類似於chatGPT,openAI為他們技術指導,而他們將它延伸利用,主要有三部分 1、AI顧問 2、技術分析 3、交易 目前交易功能還無法使用,技術分析還蠻酷的,不過只能分析1小時線,
Thumbnail
介紹: 類似於chatGPT,openAI為他們技術指導,而他們將它延伸利用,主要有三部分 1、AI顧問 2、技術分析 3、交易 目前交易功能還無法使用,技術分析還蠻酷的,不過只能分析1小時線,
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News