标签
網站選單用鍵盤能不能走完：檢查焦點順序與關閉方式
滑鼠移到「模板分類」，下拉連結就出現；換成鍵盤，卻怎麼也進不去。這種選單看起來正常，訪客仍可能卡在網站入口。檢查時先把滑鼠放旁邊，從網址列按 Tab 進入頁面，...
手機橫向比較表怎麼提示可捲動，又不遮住欄名
在手機開啟方案比較表，只看到第一個方案，旁邊沒有捲軸，也沒有提示。訪客很容易以為後面沒有內容。把表格縮到每個字都擠成一列，雖然不再超出螢幕，卻更難比較。 多個方...
網站搬進子目錄後圖片不見：查相對URL從哪裡算
首頁圖片正常，文章搬進子目錄後卻不見了；檔名沒變，上傳的圖也還在。這時先看瀏覽器把圖片網址算成什麼。相同的 src="images/cover.svg"，放在不...
網站重新導向串太多：追出每一步網址與狀態碼
舊文章網址最後能開啟，不代表中間沒有繞路。瀏覽器可能先從舊路徑轉到過渡頁，再轉到新文章；地址列只留下最後一個網址，兩次跳轉就被藏起來了。 排查重新導向串時，先保...
網站卡片圖片還沒載入就跳動：先保留正確比例
文章列表剛出現，準備點卡片，圖片突然載入，把標題和連結往下推了一截。圖片本身可能沒有變形，下載的尺寸也正確；問題是瀏覽器在圖到之前，不知道要替它留多高。 先保留...
深色模板上的表單提示怎麼配色，讓錯誤與成功都看得懂
深色模板上的表單框線很好看，填錯之後卻只多了一行暗紅字。手機亮度低一點，提示幾乎消失；換成綠色也未必清楚。調整回饋時，先讓文字與符號在真正背景上可辨，再用顏色補...
下載檔名亂碼怎麼查：核Content-Disposition與UTF-8
網站上的下載連結寫「模板檢查表」，存到電腦後卻變成一串百分比編碼，或只剩download.csv。先別重新壓縮整包檔案：瀏覽器採用的檔名，可能來自下載回應的Co...
網站第三方腳本載入失敗：讓核心內容先能用
第三方聊天、推薦或統計腳本載入失敗，不應讓整篇文章只剩轉圈圈。訪客來讀內容，至少要能看到正文、用普通連結前往下一頁，並知道附加功能現在能不能用。 先分清哪些功能...
網站格線縮到平板就擠成一團：用minmax控制卡片寬度
三張卡片明明都設成1fr，縮窄閱讀區後卻變成一張很寬、另外兩張被擠小。先不要增加gap，也不要直接把字縮到看不清楚；欄位可能被其中一張卡片的內容最小寬度撐住。 ...
長網址把文章撐出螢幕：區分overflow-wrap與word-break
文章裡貼了一條長網址，閱讀區卻被它撐出螢幕。先分清是文字沒有可用斷點，還是容器本身寫死寬度；兩種原因看起來相似，修改位置不同。 要讓讀者看完整網址，通常不必截成...
CSS黏住的側欄沒生效：檢查容器高度與overflow
側欄已寫position:sticky，捲動後卻整塊跟著消失。先別急著改成fixed；sticky會受到捲動祖先、容器邊界與元素高度限制，設定本身生效，仍可能沒...
