無障礙網頁設計
含有「無障礙網頁設計」共 10 篇內容
全部內容
發佈日期由新至舊
在開發網站時，我們總習慣寫完程式碼後再補測試，再補無障礙，再補設計稿上的細節。
但「無障礙設計」這件事，其實不只是檢查通過，而是讓人真的可以用得順、看得懂、操作得了。
你打開 Google，輸入你要查的資料，結果跳出十個連結。你點了第一個、廣告一堆，關掉；點了第二個，圖片一大堆，但沒寫你要的內容；第三個，按了幾個 Tab 鍵，游標跑到不知道哪裡去⋯
最後你開始懷疑，是不是自己太挑剔？
分享花了一個月左右打造的新品牌：Accesserty
這是一個專注於提升無障礙網頁體驗的小型工具生態，從搜尋體驗到開發測試。
因為很好奇，所以想檢測一下主流 LLM Chat 工具在無障礙上的支援程度
隨著歐盟的無障礙法規到來，我實在是很好奇最近幾年新出現的 LLM Chatbot 是否能通過無障礙，於是就隨意挑選三個 LLM 記錄一下 2025 目前的狀況。（如果過不了還能在歐盟的國家使用嗎？真是疑惑。）
一個小程式，幫助撰文者製作符合無障礙網頁規範的文章
以 TinyMCE 為例，建立小工具檢測文章內容是否符合無障礙規範
作業內容
挑選一篇 UX 案例，進行介紹與評論
挑選主題
無障礙
挑選文章
UX Case Study: Slack accessibility redesign
https://medium.com/@izzy-shehan/19aa6eb6bfae
文章介紹
此為 2019 的文章
自從專注在無障礙網頁設計之後，始終有一個問題一直盤旋在我的腦海裡，那就是「要如何使用 icon 才能達成好的無障礙設計體驗？」，而在回答這個問題之前，則是要先理解什麼是 icon 以及 icon 會如何影響整個網站視覺。
大概每隔一段時間，就會去無障礙網頁設計規範網站，到啟用列表看看已經通過 AA 標章且 UI 也不錯的網站。
