說明中心

逐步指南:安裝 Accessibird、設定小工具、掃描您的網站,並修正掃描發現的問題。

所有指南

入門指南

安裝指南

如何在 WordPress 網站上安裝 Accessibird

透過頁首外掛或佈景主題,將 Accessibird 小工具程式碼片段加入 WordPress。

如何在 Shopify 網站上安裝 Accessibird

編輯佈景主題的 theme.liquid 檔案,將 Accessibird 程式碼片段加入 Shopify。

如何在 Wix 網站安裝 Accessibird

使用 Wix 的自訂程式碼功能,將 Accessibird 加入網站的所有頁面。

如何在 Squarespace 網站上安裝 Accessibird

使用 Squarespace 的「程式碼注入」面板,在整個網站加入 Accessibird 小工具。

如何在 Webflow 網站安裝 Accessibird

透過專案的「自訂程式碼」設定,將 Accessibird 加入 Webflow 網站。

如何在 Framer 網站安裝 Accessibird

透過「網站設定 → 自訂程式碼」將 Accessibird 加入 Framer 網站。

如何在 Weebly 網站上安裝 Accessibird

透過 Weebly 網站的「頁尾程式碼」區域加入 Accessibird 程式碼片段。

如何在 GoDaddy 網站安裝 Accessibird

透過「全站程式碼」,將 Accessibird 小工具新增至 GoDaddy Website Builder 網站。

如何在 Duda 網站安裝 Accessibird

透過網站的頁首/頁尾 HTML 設定加入 Accessibird。

如何在 HubSpot 網站上安裝 Accessibird

透過網站設定中的「網站頁首 HTML」,將 Accessibird 加入 HubSpot CMS。

如何在 Joomla 網站上安裝 Accessibird

透過設為在所有頁面顯示的「自訂 HTML」模組,將 Accessibird 程式碼片段加入 Joomla。

如何在 Drupal 網站上安裝 Accessibird

透過區塊或 Asset Injector 模組,將 Accessibird 加入 Drupal。

如何在 WooCommerce 網站安裝 Accessibird

透過頁首/頁尾程式碼片段外掛,將 Accessibird 加入 WooCommerce 商店。

如何在 BigCommerce 網站上安裝 Accessibird

透過指令碼管理員在 BigCommerce 上部署 Accessibird。

如何在 Adobe Commerce (Magento) 網站上安裝 Accessibird

透過管理後台的設計設定,將 Accessibird 加入 Adobe Commerce / Magento 2。

如何在 Lightspeed eCom 網站安裝 Accessibird

透過佈景主題編輯器,將 Accessibird 程式碼片段加入 Lightspeed eCom(前身為 SEOshop)商店。

如何在 Volusion 網站上安裝 Accessibird

透過全站範本檔案,將 Accessibird 加入 Volusion 商店。

如何將 Accessibird 直接安裝到您的網站

將 Accessibird 程式碼片段直接貼到網站的 HTML 中,放在 body 結束標籤之前。

如何透過 Google Tag Manager 安裝 Accessibird

透過 Google Tag Manager 的自訂 HTML 代碼部署 Accessibird 小工具。

小工具

掃描

任務

代理商

疑難排解

常見問題

你們如何保護使用者隱私?

我們採用隱私設計原則,不收集個人資料,提供可自行選用的分析功能,並完全遵守 GDPR。使用者可自行掌控資料,並可選擇退出任何追蹤。

我們多久能看到成效?

只需加入一個 script 標籤,5 分鐘即可完成導入。使用者可以立即使用各項功能,而您可以在部署後 24 小時內查看分析數據。

這個小工具與我的網站平台相容嗎?

可以!我們的小工具適用於所有主流平台,包括 WordPress、Shopify、Squarespace、Wix、自訂 HTML 網站及內容管理系統。

這個小工具會拖慢我的網站速度嗎?

不會,我們的小工具已針對效能進行最佳化。它採用非同步載入,大小不到 50KB,確保對您網站載入速度的影響降到最低。

我可以自訂小工具的外觀嗎?

可以,您可以透過管理後台自訂顏色、位置、大小,以及要啟用的功能,讓小工具符合您的品牌風格。

什麼是 Accessibird?

Accessibird 持續自動改善您網站的無障礙體驗。 Accessibird 將 AI Accessibility Widget、Checker、Monitor 和 Analytics 整合於單一平台。這些工具相互搭配,可偵測問題、改善無障礙體驗、持續監測您的網站,並協助您從源頭徹底修正問題,在支援 WCAG、EAA 和 ADA 標準的同時,降低合規風險。

我可以管理多個網站嗎?

可以。 Accessibird 讓您透過集中式儀表板監控多個網站的無障礙狀況,輕鬆追蹤合規情況與改善進度,並使用同一個帳戶管理所有網站。

我的網站需要符合 WCAG 規範嗎?

是的。網站無障礙已不再是可有可無的選項。《歐洲無障礙法案》(EAA)和《美國身心障礙者法案》(ADA)等法規,日益要求企業讓網站具備無障礙功能。不符合法規可能導致申訴、法律訴訟、客戶流失,以及所費不貲的改善工程。除了符合法規之外,無障礙網站也能為每位訪客帶來更好的使用體驗,讓您的企業有機會服務數百萬名身心障礙者。

你們有提供免費方案嗎?

有!您可以完全免費開始使用,部署我們的基本小工具。請注意:免費小工具雖然是改善訪客無障礙體驗的良好起點,但不會修正程式碼,也無法支援正式的 WCAG 合規要求。當您的業務需要主動修正程式碼、自動監控合規狀態,以及透過 AI 產生替代文字來支援 EAA 和 ADA 標準時,您可以隨時升級,每月只要 €20 起。

Accessibility Checker 如何運作?

Checker 會立即掃描您的網站,找出不符合 ADA 和 WCAG 規範的問題。它會找出違規項目、說明每個問題的重要性、精確指出相關程式碼的位置,並產生可直接用於 ChatGPT、Claude 或 Gemini 的 AI 提示詞,讓您的團隊能從原始碼著手,永久修正這些問題。

Accessibird Analytics 可以讓我了解哪些資訊?

Accessibird Analytics 讓您了解網站上究竟有哪些訪客需要無障礙支援,以及他們使用哪些輔助功能。您可以查看有多少訪客仰賴文字大小調整、對比調整、螢幕閱讀器最佳化和鍵盤導覽等功能,以及這些功能的使用趨勢如何隨時間變化。這有助於您安排改善工作的優先順序,並展現無障礙計畫的實際影響。

安裝 Accessibird 需要開發人員協助嗎?

不需要。 Accessibird 只需一行 JavaScript 程式碼,就能在任何平台上運作。大多數網站擁有者都能自行在五分鐘內完成安裝。若使用 WordPress、Shopify 或 Wix 等 CMS 平台,只要將程式碼貼到頁首或自訂程式碼區塊即可,不需要開發人員協助。

無障礙監控工具有什麼功能?

隨著網站內容和程式碼不斷更新,監控工具會持續監測網站是否出現新的無障礙問題。它不只執行一次性稽核,還會定期重新掃描、追蹤再次出現的問題,並在發現新問題時通知您,讓網站在各次版本發布之間都能維持合規狀態。

你們有提供代理商合作夥伴計畫嗎?

有的。Accessibird 為代理商、自由工作者及顧問提供專屬合作夥伴計畫。您可以透過單一管理介面管理不限數量的客戶網站,提供專業合規報告,並隨著客戶升級賺取持續性收益,而且不受供應商綁定。

這能取代手動修正無障礙問題嗎?

不會。這個小工具提供可由使用者自行控制的無障礙功能,作為手動修正的補充。它能因應使用者隨時調整的偏好設定,而結構性問題則需透過手動修正來處理。

使用者可以自訂使用體驗嗎?

可以,使用者可以建立個人化設定檔、儲存偏好設定,並根據使用習慣獲得 AI 推薦的功能。

安裝小工具需要多久?

安裝只需不到 5 分鐘。只要將我們的 JavaScript 程式碼複製並貼到您網站的 HTML 中,小工具就會立即啟用。

此小工具會收集使用者資料嗎?

我們重視隱私。此小工具只會將無障礙偏好設定儲存在使用者的本機瀏覽器中,不會收集個人資訊。

免費版和付費版小工具有什麼差別?

免費版小工具僅作為前端輔助工具,提供訪客基本的操作選項(例如調整文字大小和對比度),但不會修正或變更您網站的底層程式碼。付費方案則提供主動程式碼修正功能。進階版小工具會自動修正結構性問題,以降低 WCAG、EAA 和 ADA 標準下的合規風險,同時啟用 AI 替代文字生成、持續監測及原始碼指引功能。

Accessibird 如何協助網站符合 WCAG 規範?

Accessibird 持續執行簡單的三步驟流程:偵測、改善、監控。Checker 會掃描網站的無障礙問題,AI Accessibility Widget 可立即改善許多訪客使用網站時遇到的障礙,而 Monitor 則會隨著網站的變更,持續留意是否出現新問題。每個尚未解決的問題都附有清楚的說明、精確的程式碼位置及實用的解決方案,協助團隊從根本改善網站的無障礙體驗。

支援哪些 CMS 平台?

支援所有主流平台。 Accessibird 適用於 WordPress、Shopify、Webflow、Magento (Adobe)、Wix、HubSpot、Framer、React、Vue、自行開發的網站,以及幾乎任何允許加入一段 JavaScript 程式碼的平台。

為什麼選擇 Accessibird,而不是其他方案?

其他平台光是提供小工具就收費高昂,監控功能還要另外付費。大多數平台只是讓使用者看不到問題,卻沒有從源頭修正。Accessibird 則採用混合式解決方案。我們的 AI Widget 能立即改善訪客的前端使用體驗,而 Checker 和 Monitor 則在背景運作,偵測更深層的 WCAG 錯誤。我們不只是標示問題,還會精確指出程式碼位置,並產生可直接用於 ChatGPT、Claude 或 Gemini 的 AI 提示詞,讓您能永久修正這些問題。我們著重的是結構性的改善,而不只是暫時修補。

Accessibird 會影響網站效能嗎?

不會。 Accessibird 使用輕量的非同步指令碼,會在主要內容載入後才載入,對載入速度、Core Web Vitals、SEO 表現或 Google Lighthouse 分數幾乎沒有影響。

代理商可以管理多個客戶嗎?

當然可以。 Accessibird 專為管理多個網站的代理商和自由工作者打造。您可以透過單一儀表板管理所有客戶專案、持續監控無障礙狀況、提供專業的合規報告,並協助客戶永久解決無障礙問題,不受供應商綁定。

Checker 依據哪些標準進行檢測?

Checker 會根據 WCAG 2.1 和 2.2(A 級和 AA 級),以及《美國身心障礙者法案》(ADA)和《歐洲無障礙法案》(EAA)所引用的無障礙要求,檢查您的網站。

分析資料的隱私有保障嗎?

是的。分析資料皆經過完整彙整及匿名化處理。Accessibird 不會收集可識別個人身分的資訊,且所有資料處理作業均符合 GDPR 規範。

Accessibird 多久會重新掃描我的網站?

付費方案包含自動定期掃描,會依您的方案每天、每週或每月執行一次。您也可以隨時從控制台手動啟動掃描。

代理商如何透過 Accessibird 賺取經常性收入?

合作代理商只要推薦客戶訂閱 Accessibird,就能獲得持續性佣金。除了平台訂閱外,您也可以另外提供無障礙服務並收費,藉此圍繞合規工作,建立可持續的經常性收入來源。

如果我們的品牌配色不符合對比度要求,該怎麼辦?

這個小工具內建智慧型對比增強功能,可配合您現有的品牌設計,並透過使用者自行調整,確保符合無障礙標準。

對網站效能有什麼影響?

這個小工具採用延遲載入、高效率的 CSS 和漸進式增強技術,將對網站效能的影響降到最低。一般情況下,對載入時間的影響低於 50 毫秒。

這如何協助符合 WCAG 與 EAA 的要求?

這個小工具提供可由訪客自行調整的無障礙功能,並透過報告協助團隊規劃修正工作,有助於滿足多項 WCAG 2.1 AA 成功準則,並支援履行《歐洲無障礙法案》(EAA)的義務。若要完全符合規範,仍需要您的團隊審查內容與程式碼,並進行人工檢查。

我們的團隊需要接受培訓嗎?

不需要培訓。小工具會自行管理並自動更新。管理後台提供實用資訊,無需具備無障礙專業知識也能使用。

為什麼 Accessibird 的價格這麼實惠?

其他無障礙工具通常不會公開價格,得先和業務洽談才知道;賣給您的只是基本小工具,監測和其他功能則另外收取高額費用。Accessibird 打破了這種做法。我們省去了高昂的銷售開銷、企業產品展示,以及舊有基礎架構的成本。透過打造高度自動化的自助式平台,我們在每個付費方案中都納入主動式程式碼修正、持續監測和 AI 工具,讓各種規模的企業都能以每月 €20 起的價格,獲得負擔得起的全面合規支援。

設定需要多久時間?

五分鐘。只要在網站中加入一行 JavaScript 即可。程式碼一上線,您的 AI 無障礙工具就會開始改善網站的無障礙體驗,同時 Accessibird 也會自動開始掃描並監控您的網站。

Accessibird 會存取我的伺服器或網站資料嗎?

不會。Accessibird 完全在瀏覽器中運作,絕不會存取您的伺服器、資料庫或敏感的客戶資訊。您的網站仍完全由您掌控,所有處理作業也都符合 GDPR 要求。

Accessibird 能用於自訂開發或採用無頭式架構的網站嗎?

可以。 只要網站能載入 JavaScript 程式碼片段,就能使用 Accessibird,包括以 React、Vue、Next.js、Angular 自訂開發的網站,以及採用無頭式架構的網站。不受框架限制。

這個小工具符合無障礙標準嗎?

我們的小工具依循 WCAG 2.1 AA 指引設計,有助於改善訪客的無障礙使用體驗。它能協助您推動合規工作,但僅靠小工具本身,並不能讓網站符合法律要求;網站內容、結構及人工測試仍然很重要。

Widget 能讓我的網站符合 WCAG 規範嗎?

沒有任何工具能誠實地保證,只要按一下就能 100% 符合規範。 無障礙程度取決於技術實作和內容兩方面。Accessibird 能將絕大多數工作自動化 — 我們的 AI Widget 可立即修正問題、自動產生缺少的替代文字,並針對無法自動處理的部分,提供精確到程式碼層級的修正指引,協助開發人員處理。對大多數網站而言,這能省去高達 90% 的手動工作。

為什麼小工具顯示的語言與我預期的不同?
Accessibird 會以您網站的語言顯示小工具。它會先檢查網頁的語言設定(),再參考訪客的瀏覽器語言。如果顯示的語言不正確,請確認網頁的 lang 設定是否正確。若要固定使用某種語言,請在嵌入程式碼中加入 data-lang,例如 data-lang="de" 代表德文。訪客仍可在小工具中選擇其他語言,系統會在訪客的裝置上記住他們針對您網站所選的語言。

產品

繼續探索.

每個工具都可獨立使用,也能與其他工具搭配。

Accessibird01 · 無障礙小工具多一點選擇,就能帶來巨大改變。了解更多: 無障礙小工具 →: 無障礙小工具

本網站不載入分析工具或客服聊天。經您同意,Meta(Facebook 與 Instagram)會透過 Cookie 統計您的造訪,讓我們了解哪些廣告有效。如果您透過廣告或合作夥伴連結造訪,我們也會僅在本次造訪期間記住活動標籤與合作夥伴代碼,讓註冊時仍可享有合作夥伴折扣。您可以隨時在此關閉。