在開發網站時，我們總習慣寫完程式碼後再補測試，再補無障礙，再補設計稿上的細節。

但「無障礙設計」這件事，其實不只是檢查通過，而是讓人真的可以用得順、看得懂、操作得了。


職場

音樂藝文

學習

以行動支持創作者！付費即可解鎖

設計

紀錄突然想到的設計靈感或實作的經過

Neil 的沙龍

開發

障礙

階段

檢查

測試

網站

Signal

設計師

體驗

Accesserty DevCheck — 在開發階段模擬與偵測無障礙問題

你打開 Google，輸入你要查的資料，結果跳出十個連結。你點了第一個、廣告一堆，關掉；點了第二個，圖片一大堆，但沒寫你要的內容；第三個，按了幾個 Tab 鍵，游標跑到不知道哪裡去⋯
最後你開始懷疑，是不是自己太挑剔？


搜尋

Google

分數

看不見的體驗差距：為什麼搜尋不到真正好用的網站？

分享花了一個月左右打造的新品牌：Accesserty

這是一個專注於提升無障礙網頁體驗的小型工具生態，從搜尋體驗到開發測試。

軟體開發

網頁

產品

成本

ChatGPT

打造 Accesserty — 從搜尋到開發的無障礙網頁之體驗

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

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


國際

檢測

歐盟

作業系統

LLM Chat Accessibility

一個小程式，幫助撰文者製作符合無障礙網頁規範的文章
以 TinyMCE 為例，建立小工具檢測文章內容是否符合無障礙規範


編輯

Tiny

文章

所得

修復

規範

限制

建立所見即所得編輯器的無障礙檢測工具，以 TinyMCE 為例

本篇簡單探討如果使用者可以透過 CUI 改變網站排版與風格，進而打破目前由開發者規劃好的體驗，將有什麼好處和壞處

對話

客製化

互動

語言

應用程式

聊天機器人

讓使用者透過 CUI 客製化網站風格

作業內容

挑選一篇 UX 案例，進行介紹與評論

挑選主題

無障礙

挑選文章

UX Case Study: Slack accessibility redesign
https://medium.com/@izzy-shehan/19aa6eb6bfae

文章介紹

此為 2019 的文章

作業

閱讀

通訊軟體

教育訓練

UX 三刀流 2024 春季班期中作業

大概七年前看到同事有做了一個瀏覽器擴充程式，當時的我也是躍躍欲試，沒想到就這樣過了七年，直接變成大叔了。

這次在想 2023 鐵人賽的題目，突然想起了這件事，於是就快速地學習了一下，暸解從 0 到 1 的過程，打鐵趁熱寫篇文章記錄一下。

文化生活

程式

客服

版本

上架

工程師

我的第一個 Chrome 瀏覽器擴充程式：Report Website issues

ChatGPT 問世後，AI 各領域引起了關注，在靈感、知識、素材方面我也都有使用，非常方便。

但如今我試用了 Framer AI 之後，我的心裡有這種念頭出現：

「我真的需要一個生成式 AI 工具來產生整份網頁設計稿嗎？」



生成

電腦

我真的需要一個生成式 AI 工具來產生整份網頁設計稿嗎？

自從專注在無障礙網頁設計之後，始終有一個問題一直盤旋在我的腦海裡，那就是「要如何使用 icon 才能達成好的無障礙設計體驗？」，而在回答這個問題之前，則是要先理解什麼是 icon 以及 icon 會如何影響整個網站視覺。