跳至中央內容區塊 :::
:::

讓網站更好用, 從看見障礙開始。

Accesserty 提供網站無障礙工具,讓瀏覽網站的人查看無障礙聲明與認證資訊、回報操作困難,也協助檢查與維護網站的人找到改善的下一步。

選擇適合你的工具

依照你現在要解決的問題選擇工具

  • Accesserty Signal

    搜尋結果裡,先查看網站的無障礙線索

    安裝瀏覽器擴充功能,在支援的 Google 與 Bing 搜尋頁查看無障礙聲明與認證紀錄;遇到操作困難時,可回報給 Accesserty。

    • #搜尋結果提示
    • #聲明與認證紀錄
    • #使用者回報
    了解並安裝 Signal
  • Accesserty Pulse

    網站上線後,了解哪些頁面值得先檢查

    在網站加入 Pulse 監測程式碼並完成網域驗證後,查看操作不順的跡象與掃描摘要。Pro 提供優先檢查頁面清單;Signal 回報分開查看。

    • #上線後維護
    • #操作事件
    • #人工檢查線索
    了解 Pulse 監測方式
  • Accesserty DevCheck

    在瀏覽器裡,檢查頁面與 PDF

    檢查本機、測試站與登入後的頁面狀態,也能查看 PDF 結構。掃描與人工檢視在本機執行;選用 AI 檢查時會傳送取樣內容。

    • #網頁與 PDF
    • #掃描與人工檢視
    • #選用 AI 檢查
    了解並安裝 DevCheck
  • Accesserty UI Kit

    建立介面時,重用鍵盤操作與互動元件

    重用分頁籤、摺疊內容與下拉選單等互動元件,減少從頭處理鍵盤操作的工作。開源、採 MIT 授權,可用於純 HTML 與主要前端框架。

    • #開源元件
    • #純 HTML 與框架
    • #鍵盤互動
    查看 UI Kit 元件

從看見線索,到持續改善

從一個常用任務開始,確認遇到的障礙,修正後再試一次。

  • 先看線索

    查看無障礙聲明或認證紀錄的來源、涵蓋範圍與日期,了解它們描述的是哪些頁面或服務。

  • 實際檢查

    選一個常用任務,例如登入或填寫表單。搭配掃描、鍵盤操作與輔助科技測試,確認使用者能否完成。

  • 持續改善

    修正後重做同一個任務,確認障礙是否改善。內容或功能更新時,也把檢查與使用者回報納入維護。

  • 不必使用全部工具

    選適合目前任務的一個工具即可。標章與工具結果只是改善線索,不是完整檢測或符合規範的保證。

從一個小練習,認識無障礙

從鍵盤、圖片、色彩或無障礙聲明選一個主題,跟著指南試試看。不需要先熟悉所有規範。

  • 試著不用滑鼠操作

    用 Tab 移到連結與按鈕,看看是否能辨識目前的位置、操作並離開。跟著指南練習,也了解如何安全測試表單。

    閱讀鍵盤操作指南
  • 了解圖片替代文字

    替代文字是在看不到圖片時提供的文字說明。透過同一張 Logo 的兩個例子,練習依圖片用途選擇要描述的資訊。

    看圖片替代文字範例
  • 檢查文字與背景對比

    跟著指南的色碼例子檢查文字與背景對比,了解如何用數值判斷,而不是只憑目測。

    學習檢查色彩對比
  • 讀懂一份無障礙聲明

    用指南的虛構範例,練習找出網站說明的範圍、已知限制、檢查日期與聯絡方式。

    練習閱讀無障礙聲明

有產品問題,或想和我們交流?

如果你想討論產品使用方式、網站無障礙或提出合作想法,歡迎與我們聯絡。

電子信箱與聯絡內容為必填,其餘可略過。

告訴我們你的問題或合作想法;若與產品操作有關,也可以說明在哪個步驟遇到困難。

您是如何得知我們的? (選填)Google SearchBing SearchFacebook/Instagram/ThreadsX(Twitter)ProductHunt瀏覽器擴充程式商店Github其他

發送成功

感謝您的聯絡,我們會盡快回覆您。