リンクは<a>、開閉は<button>。カードの種類で要素を出し分けた話

カードUIの実装で、役割に応じて<a>と<button>を出し分けた経験記。HTMLの要素選択がアクセシビリティの第一歩であり、正しい要素を選ぶことで、JavaScriptの振る舞い追加よりシンプルな実装が実現できることを示す。

キーボード操作, WAI-ARIA