
kiwi-walk強化網站顏色對比,拉高無障礙分數到 100
PageSpeed 給 kiwi-walk 的無障礙分數是 95,扣分來自文字對比不足和 role=presentation 衝突。這篇記錄怎麼找到真正失敗的那一組顏色:對比在文章頁是過的,失敗的是 PaperMod 讓列表頁換了一個底色;怎麼在不改整體色系的前提下挑新的次要文字色和程式碼註解色,以及 logo 上一個 aria-label 為什麼會讓圖片「角色衝突」。四個頁面都升到 100。

PageSpeed 給 kiwi-walk 的無障礙分數是 95,扣分來自文字對比不足和 role=presentation 衝突。這篇記錄怎麼找到真正失敗的那一組顏色:對比在文章頁是過的,失敗的是 PaperMod 讓列表頁換了一個底色;怎麼在不改整體色系的前提下挑新的次要文字色和程式碼註解色,以及 logo 上一個 aria-label 為什麼會讓圖片「角色衝突」。四個頁面都升到 100。

/projects/ 的卡片明明寫了 aspect-ratio,Art-Tracking 還是被一張直式截圖撐到 985px:封面是 column flex 的子項目,圖片的 height 100% 對不到確定的高度,修法是把圖片改成絕對定位。另外記錄封面比例選 4:3、手動 weight 排序、Archived 分區、自動連到最新一篇開發紀錄、為了漢堡選單複製一份 PaperMod header,以及上線後第二輪把小卡精簡、封面從截圖換成 icon。坑包括只讀 CSS 就誤判、漏一行 project 讓最新一篇指錯、背景分頁量到 0×0、拿掉一層包裝後標題被主題蓋成 24px。

拿一份附了檔案位置與 diff 的設計 handoff 修部落格,照做前先驗證,發現三處跟實際不符:layouts/blogs/list.html 會套到所有分類頁、水平捲動掃了 121 頁都重現不出來、閱讀時間到不了預期的 5–7 分鐘。另外記錄上一篇/下一篇怎麼定義「同分類」、Series 總覽頁怎麼做到英文網址配中文名稱,以及三個坑:Claude 把截圖時機誤判成 overflow 弄壞 image-zoom、html/template 把 var() 預設值轉成 ZgotmplZ、全站連結色的優先權把實心按鈕的字蓋成深色,而對比掃描用 3:1 當門檻漏抓了一顆。