:::

[Side Project] Accesserty

Accesserty 無障礙網頁解決方案
Accesserty 無障礙網頁解決方案

概要

Accesserty 是一個為資訊公平性設計的網頁體驗透明化層。它讓使用者在日常的搜尋與瀏覽過程中,清楚看見哪些網站願意傾聽、準備改進、並積極採取行動。


目標

  • 使每個人都能自由獲取訊息,不受技術、失能或設計的排斥。
  • Accesserty 致力於創建一個以資訊公平為基礎的網路空間,讓用戶體驗的差異能夠被看到並得到改善。

角色

  • UI
  • UX
  • 切版
  • 專案管理

工具

  • ChatGPT
  • Chrome Extension
  • Whimsical
  • Github

過程

研究

  • 拆解無障礙網頁在瀏覽與開發的流程
  • 找出使用者、開發者在流程上所遭遇的各種痛點
  • 如何使用 ChatGPT 產出一致的結果

產出

在瀏覽網頁之前到開發者修復的過程,Accesserty 都能提供幫助,打造永續改善無障礙的良好循環。
在瀏覽網頁之前到開發者修復的過程,Accesserty 都能提供幫助,打造永續改善無障礙的良好循環。
Accesserty Signal 是一款輕量級 Chrome 擴充功能,可幫助使用者辨識哪些網站正積極提升其使用者體驗——從 Google 搜尋結果頁面就能看出端倪。它不對網站進行排名、評分或評判,而是透過在搜尋結果旁顯示一個微妙的標記(徽章),指示該網站是否參與了持續透明化與改進的計畫。這不是關於「通過」或「失敗」,而是關於誰正在努力改進。
Accesserty Signal 是一款輕量級 Chrome 擴充功能,可幫助使用者辨識哪些網站正積極提升其使用者體驗——從 Google 搜尋結果頁面就能看出端倪。它不對網站進行排名、評分或評判,而是透過在搜尋結果旁顯示一個微妙的標記(徽章),指示該網站是否參與了持續透明化與改進的計畫。這不是關於「通過」或「失敗」,而是關於誰正在努力改進。
Accesserty DevCheck 是一款輕量級的無障礙輔助工具,專為開發者與設計師設計。它能幫助你模擬真實使用者的限制,並在開發初期或審核過程中及早識別可及性問題——即使你並非 WCAG 標準的專家。DevCheck 不僅關注合規性,還致力於彌合抽象規範與具體使用體驗之間的落差,讓你能夠親眼見證使用者在實際操作網站時所遇到的困難。
Accesserty DevCheck 是一款輕量級的無障礙輔助工具,專為開發者與設計師設計。它能幫助你模擬真實使用者的限制,並在開發初期或審核過程中及早識別可及性問題——即使你並非 WCAG 標準的專家。DevCheck 不僅關注合規性,還致力於彌合抽象規範與具體使用體驗之間的落差,讓你能夠親眼見證使用者在實際操作網站時所遇到的困難。
Accesserty UI Kit 是一個以 Web Components 技術構建的網頁元件庫,內建無障礙語意、結構及互動支持,確保可及性為標準配置。即使不了解 WCAG 的技術細節,它依然能幫助你打造符合資訊公平性原則的介面,讓更多使用者能順利使用你的網站。
Accesserty UI Kit 是一個以 Web Components 技術構建的網頁元件庫,內建無障礙語意、結構及互動支持,確保可及性為標準配置。即使不了解 WCAG 的技術細節,它依然能幫助你打造符合資訊公平性原則的介面,讓更多使用者能順利使用你的網站。

相關連結