品牌色卡在對比檢查，不必二選一，拆色階兼顧識別與可讀

品牌色送進對比檢測工具，數字常常遠低於 WCAG 規定的 4.5:1，逼團隊在保留識別度與讓使用者看得清楚之間選一邊。其實不是顏色選錯，而是高飽和度色相天生卡在對比門檻中段。真正的解法不是換色也不是硬撐，而是把品牌色系統化拆成一組色階，讓文字、按鈕、邊框各自落在過得了關的那一級。

SEO優化

文字做在圖片裡有什麼代價？SEO、無障礙與翻譯都受影響

把文字燒進圖片看似只是排版選擇，其實同時影響搜尋、無障礙與翻譯好幾個層面：搜尋引擎讀不到、AI 答案引擎抓不到、螢幕報讀軟體念不出來，翻譯與選字功能也跟著失效。哪些情況該用真文字、哪些例外可以接受圖片文字，本文從搜尋、朗讀、翻譯三個角度給出判準。

龐果觀點

無障礙設計真的注定又醜又生硬嗎？對比、焦點框、替代文字、鍵盤操作這四件事，逼的其實是設計者把層級、狀態、資訊角色想清楚；讓畫面變醜的從來不是規範本身，而是把無障礙留到設計定案後才補的做法。

網頁設計

多數人以為手機按鈕點不準是手指笨拙，其實問題常出在觸控按鈕設計本身。從尺寸、間距、位置到按下的視覺回饋，國際間都有明確規範可循，本文一次整理清楚，並附上自己動手檢查的方法，讓你的網站在手機上按得準、用得順手。

龐果觀點

無障礙網頁設計常被歸在企業社會責任的加分項，很少被列進網站規劃的必要條件，但這其實漏接了一群本來就有消費力、卻被擋在門外的客戶。這套語意結構同時也是搜尋引擎與 AI 摘要引擎讀懂內容的關鍵，法規風向也正逐漸往企業端移動。

平面設計

hero banner 可讀性看的不是照片美不美，而是文字跟背景夠不夠對比，讀者瞇眼才看懂標語就是警訊。這篇整理 WCAG 對比門檻、遮罩陰影、色塊等 5 招救字作法，加上手機版安全區怎麼抓，讓對比有數字驗證，不必只靠感覺。

SEO優化

圖片alt文字沒寫好，視障使用者聽到的只是一串檔名，產品照也上不了圖片搜尋結果。這篇拆解五種圖片類型的alt寫法、關鍵字放法與常見錯誤，讓你一次顧好無障礙與SEO。

網頁設計

網頁色彩對比度檢測不是靠肉眼判斷順不順眼，而是把文字色與背景色的色碼丟進工具，算出是否符合 WCAG AA、AAA 門檻的比值。這篇用 3 步驟教你自己動手測，再補上 WebAIM、WAVE、axe DevTools 等免費工具怎麼交叉驗證。

網頁設計

網頁字體易讀性是最省錢卻最常被略過的一項優化：字級太小、行距太擠，內容再精彩，讀者也會在放大螢幕、瞇眼的那一刻默默關掉頁面。本文從閱讀順序、老花與螢幕的疊加障礙、中高齡上網族群、手機壓縮習慣，到 WCAG 與台灣官方規範的底線，帶你看懂為什麼字得先讓人看得清楚，並附三個今天就能自己動手檢查的地方。