Neil 的作品集

部落格

前端、設計與無障礙的開發筆記。

• 誰在做無障礙、又做到哪一級？臺灣民間團體無障礙標章 608 筆分析

  從數位發展部無障礙網路空間服務網的公開資料中，取出 608 筆民間團體紀錄，人工加 AI 輔助分成 8 大類、20 子類，交叉無障礙標章等級後推測：AAA 等級的達成與否與產業別關聯不大，較可能取決於『網站範圍、技術能力與商業動機』的組合。

  2026年7月3日無障礙標章無障礙A11YAccessibility數位無障礙數位平權無障礙網頁設計

• 全球網頁無障礙制度設計：各國法規、公私部門執行工具與驅動力比較

  最近我正在幫我的 Accesserty Signal 擴充標章功能。原本只是單純想收集各國的標章、法規與檢測項目，但收集到一半時發現——應該要先理解各國的「政策」才行

  2026年6月9日AccessibilityA11Y無障礙網頁設計數位無障礙數位平權包容性設計無障礙網頁無障礙標章

• 無障礙測試不該被職業分工綁住

  這幾年，無障礙不再是少數專家的話題，以前談到網站無障礙，是法規、稽核、檢測報告，或是某個專案最後才會被打開的 checklist，但現在不一樣了

  2026年5月30日A11Y無障礙網頁設計Accessibility數位無障礙數位平權包容性設計測試檢測

• Forbes Accessibility 200

  前幾天才知道 Forbes Accessibility 200 這個名單。

  2026年5月28日AccessibilityA11Y包容性設計ForbesAccessibility數位無障礙無障礙網頁設計

• 無障礙網頁的服務對象在改變了嗎？

  前不久，Anthropic 工程師 Thariq 在「人類已不再手改程式」的前提下，提到 HTML 比 Markdown 更適合跟 AI 互動這件事。

  2026年5月13日Anthropic社會責任無障礙網頁AccessibilityA11YAIAgentLLM數位無障礙無障礙網頁設計數位平權

• 裹著 AI 糖衣的無障礙網頁服務 ?

  就在幾天前，我使用的 Gemini 自動排程幫我抓的每日無障礙消息推送一則文章給我，該則文章裡說明他們的核心技術透過 AI 可以在網頁前端渲染時加上無障礙網頁技術以及提供個人化調整網頁的快捷設定。

  2026年5月8日無障礙網頁設計AI 工具數位無障礙數位平權A11YAccessibilityWidget

• 2026 年 4 月 關於無障礙網頁發展的心得

  看著目前程式工具在 AI 方面的發展、數位無障礙的各種方向、各種職缺也有所增長、各種無障礙網頁規範 Agent Skills 和 AI 檢測也開始蓬勃發展，我雖然有從中受益，但我感受到更大的迷惘

  2026年4月30日無障礙網頁數位無障礙無障礙網頁設計數位平權A11YAccessibilitya11yjobs

• 用普通 Prompt 來 Vibe 一個解決自己工作痛點的產品

  用最普通的 Prompt「Vibe coding」做出一個解決團隊規格書協作痛點的小產品，記錄從釐清真正需求到實際做出來的過程。

  2026年4月23日文件VibeCoding文件管理文件協作ClaudeCodeTiptapNotion規格書需求SpecSA系統分析師產品經理專案管理AI工具AntigravityGemini

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

  不是等到出問題才補救，而是提早在開發階段「感受」與「理解」可能的障礙

  2025年5月31日ChromeExtension無障礙網頁設計A11Y無障礙Accessibility

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

  現在的搜尋引擎以 SEO、速度、內容量排序，卻排不出「真正好用」的網站。談這個看不見的體驗差距，以及我為什麼決定在搜尋結果中顯示無障礙指標。

  2025年5月29日ChromeExtension無障礙網頁設計A11Y無障礙Accessibility

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

  分享我花約一個月打造的品牌 Accesserty：一套從搜尋體驗到開發測試的無障礙工具生態，用溫和而理性的方式，讓無障礙網頁被看見、被理解、被改善。

  2025年5月23日無障礙網頁設計無障礙A11YAccessibilityChromeExtension

• LLM Chat Accessibility

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

  2025年4月16日無障礙網頁設計無障礙A11YAccessibilityLLM

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

  以 TinyMCE 為例，為所見即所得（WYSIWYG）編輯器打造無障礙檢測工具，幫助撰稿者在自由編輯的同時，讓文章內容也符合無障礙網頁規範。

  2025年1月1日無障礙網頁設計無障礙A11YAccessibilityTinyMCE

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

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

  2024年12月23日無障礙網頁設計無障礙A11YAccessibilityCUI

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

  試用 Framer AI 產生整份網頁設計稿後的心得：生成式 AI 在靈感、知識與素材上很方便，但要它直接產出一整份設計稿，真的是我需要的嗎？

  2023年6月16日網頁設計LLMGenerative AIFramer

• 為什麼我愛上了在設計與切版時使用 Emoji

  從無障礙設計的角度探討 icon 對網站視覺與體驗的影響，以及為什麼我在設計與切版時改用 Emoji——越少依賴，越不容易出問題，也更貼心。

  2022年7月2日無障礙網頁設計無障礙iconFontAwesomeEmoji

• Ballpark — 適合線上驗證想法的問卷服務

  前幾天收到 Prototypr.io 電子報，發表了一款線上問卷新服務。來寫寫快速使用後的心得。

  2022年6月29日易用性測試問卷需求訪談使用者體驗UX

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

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

  2022年6月29日擴充程式ChromeExtensioniThome 鐵人賽

• 通過臺灣 AA 級無障礙網頁標章且美觀的網站

  定期整理通過臺灣 AA 級無障礙網頁標章、同時兼顧美觀與 UI 的網站清單，證明無障礙與設計美感可以並存。

  2022年6月10日無障礙網頁設計無障礙A11YAccessibility

• 無障礙網頁設計學習與簡易要點

  整理無障礙網頁設計的學習筆記與簡易要點，含公司內部教育訓練文件與完整系列文章，適合想入門數位無障礙的人參考。

  2022年6月7日無障礙網頁設計無障礙A11YAccessibility

• SEO 整理

  SEO（搜尋引擎最佳化）學習筆記總整理：從 HTML meta、載入速度、網站安全、提交索引、robots.txt 到 UX 與實用工具的完整重點。

  2020年1月16日SEO搜尋引擎

• 如果使用即時通訊 UI 來設計購物車結帳流程，會是什麼樣的感覺？

  昨晚在填寫一些網路表單覺得好枯燥乏味時，突然標題靈光一閃，於是決定在放國慶連假前，好好的集中精神來實做、初探一下，否則放完了假可能會是一條活屍行走於人間…

  2017年10月6日網頁設計即時通訊線上購物