goodjoblife / GoodJobShare

GoodJob 職場透明化運動
https://www.goodjob.life/
MIT License
82 stars 11 forks source link

一頁一題式表單 按下 tab 不預期的跳動 #1358

Closed mark86092 closed 4 months ago

mark86092 commented 4 months ago

1 先打開

image

2 點擊輸入匡

3 按下 tab

會進到職稱,但沒有上一題可以按...

image

4 繼續按下 tab

更怪的畫面

image
barry800414 commented 4 months ago

在想會有這個問題,有可能是因為 input 都放在同個 form 裡面,而 browser 為了考慮輔助使用的情境 (accessibility),讓使用者用 tab 也可以操作

正面的解法是瞭解譬如說視障者,單純用鍵盤操作,要怎麼回上一步。然後把這些邏輯 handle 好(note. 有可能就無法一步一步做 validation & 阻擋,而是最後送出時再說明錯誤訊息)

我認為短期解先擋 tab 沒問題,不過長期確實考量 accessibility 這個情境會更好

我印象 @WendellLiu 後來有投入相關的專案,也許 @WendellLiu 可以給我們一些 input