2019年12月16日 .is-disabled(class属性)ではなく:disabledまたはaria-disabledを使おう! UI開発者 寒川 この記事はミツエーリンクスアドベントカレンダー2019 - Qiitaの16日目の記事です。 突然ですが、みなさんはボタンなどを非活性状態にする場合はどのように行っていますか? button要素の場合はdisabled属性で以下のようにします。 <button type="button" disabled>メニュー</button> 上記のようにマークアップするとTabキー操作によるフォーカスはされなくなり、スクリーンリーダーでは「ボタン使用不能 メニュー」や「メニュー 無効 ボタン」といった形で読み上げられ、非活性状態であることを伝えることができます。 では、disabled属性を使えない要素の場合はどのように対処すべきでしょうか。 以
![.is-disabled(class属性)ではなく:disabledまたはaria-disabledを使おう! | フロントエンドBlog | ミツエーリンクス](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ceaf21013a12265b1676f25bf6c0621a5a022d5/height=288;version=1;width=512/https%3A%2F%2Fwww.mitsue.co.jp%2Fassets%2Fimg%2Fog%2Fimg-default.png)