shirahama
shiraha_maru
<a>要素を使ったLinkButton実装において、disabled状態にもかかわらずフォーカスが当たり、Enterキーで操作できてしまうケースに遭遇しました。
本LTでは、この挙動がアクセシビリティの観点でどのような点が問題になり得るのか、HTML要素の役割(セマンティクス)、W3C仕様、ARIA属性の考え方を踏まえながら見ていきます。
さらに、主要なUIライブラリの実装例を参考にしつつ、LinkButtonにおけるdisabled状態をどのように実装・表現するのがよいのかを考えていきます。