前言
預約打疫苗正夯，有關注相關資訊的人應該對這個網站不陌生：COVID-19 公費疫苗預約平台（以下簡稱預約平台）。
不過這網站用起來不大順手、介面也醜醜的（雖然說關貿不意外 XDD… 但還是要感謝趕出這個系統救台灣的團隊啦 🙇），看到推特上、設計師朋友都有發文討論該平台的 UI/UX，作為一個前端工程師也來蹭一下熱度 (x) 發掘可以探討的地方 (o)。
那麼就進入正題，這篇文章想探討的是預約平台表單 tab 鍵切換焦點的體驗問題。
預約網站表單 tab 鍵切換焦點的體驗問題
先交代一下使用背景：平常我在填寫表單時，很習慣使用鍵盤的 tab 鍵（使用桌面版網頁進行操作）在表單的欄位間進行焦點切換，例如填寫完第一欄，就會按個 tab 鍵跳到下一欄，這樣就不用鍵盤打一打再換去滑鼠點再回鍵盤，能一氣呵成打完表單噢。
不過在預約平台填寫預約表單時，填寫完「身分證號」後，習慣性地按下 tab 鍵後，發現焦點卻飛到頂部 Logo 位置旁的一個隱藏元素：「跳到主要內容」了（那尼摳勒？）。只好摸摸鼻子移動滑鼠再點一次下一個填寫欄位繼續操作…。
放個影片展示一下這個體驗：（正如推特上有些針對預約平台的建議，某天就默默被修正了，我想這篇文章提到的問題也有機會被修好，所以放影片備存一下 XD）