不要使用button之外的元素製作按鍵
2023-06-18
なぜ <div> に onClick がダメなのか？
為什麼不該替
div
綁定
onClick
div元素
沒有
focus
屬性
無法使用
tab
鍵聚焦
必須加上
tabindex
屬性
不會將
return
鍵、
space
鍵轉換為
onClick
需要改為
onKeyDown
無法被
螢幕閱讀器
解讀
需要加上
role
不是
互動型內容
なぜボタンは button 要素で作るべきなのか、div 要素をボタンにすることを通して考える - 弁護士ドットコム株式会社 Creators’ blog
div還需要另外調整
display
、
user-select
等CSS屬性
ボタンをaタグで作るな高校校歌 - 弁護士ドットコム株式会社 Creators’ blog
使用
a
的僞按鍵也會造成無法預期的狀況