無障礙設計

網頁懸停顯示有什麼問題?觸控與搜尋引擎都讀不到

懸停顯示讓畫面看起來乾淨,卻藏著兩個容易被忽略的代價:觸控裝置的操作邏輯裡從來沒有懸停這個中間狀態,搜尋引擎與 AI 抓取程式同樣做不出滑鼠移動這個動作。重要資訊只靠懸停才看得到,等於把過半讀者與所有爬蟲一起排除在外,這篇拆開懸停顯示該用在哪裡、又不該用在哪裡。

首頁該放背景影片嗎?效能、流量與電量代價一次算

首頁放一支自動播放背景影片,氛圍感是有了,但真正被換走的是行動裝置的載入速度、流量與電量,多數手機瀏覽器還會直接擋掉自動播放,讓設計端想要的效果根本沒發生。這篇拆解影片背景對 LCP 效能與轉換率的實際影響,並整理出頁面目的判準:什麼情況該留、什麼情況該換回靜態圖片。

網站深色模式該不該做?先看使用情境與對比度

深色模式常被當成網站改版必備項目,但真正該問的不是要不要跟流行,而是使用時長、光線環境與媒體佔比夠不夠支撐這筆投入。決定要做,對比度、無障礙基本功就得做齊,半吊子的深色模式,往往比乾脆不做還讓人尷尬。

網站動態特效該不該做?回饋與狀態轉換才值得保留

捲動淡入、hover 微光、頁面轉場,這些動態特效看起來愈滑順就代表愈用心?Google 與 Apple 的設計規範反而都在提醒,動態特效如果不是真的必要就該避免。真正站得住腳的理由只有回饋、狀態轉換、空間定向三種,拿掉之後使用者還看不看得懂,才是留不留的判準。

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

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

折疊內容會被 Google 忽略嗎?索引、點擊率與 AI 抓取一次看

把折疊內容收進面板,真的會讓 Google 讀不到嗎?Google 其實從 2013 年起就已多次澄清,摺疊內容照樣會被正常索引。真正該問的,從來不是搜尋引擎讀不讀得到,而是讀者會不會願意點開、手機上多按一次要付出多少代價,以及 AI 生成摘要時怎麼挑段落。核心答案不該折,次要補充才該收進摺疊裡。