.is-disabled（class属性）ではなく:disabledまたはaria-disabledを使おう！ | フロントエンドBlog | ミツエーリンクス
2019年12月16日 .is-disabled（class属性）ではなく:disabledまたはaria-disabledを使おう！ UI開発者 寒川 この記事はミツエーリンクスアドベントカレンダー2019 - Qiitaの16日目の記事です。 突然ですが、みなさんはボタンなどを非活性状態にする場合はどのように行っていますか？ button要素の場合はdisabled属性で以下のようにします。 <button type="button" disabled>メニュー</button> 上記のようにマークアップするとTabキー操作によるフォーカスはされなくなり、スクリーンリーダーでは「ボタン使用不能 メニュー」や「メニュー 無効 ボタン」といった形で読み上げられ、非活性状態であることを伝えることができます。 では、disabled属性を使えない要素の場合はどのように対処すべきでしょうか。 以
企業組合コンピュータユニオン
但し、InternetExpoler Ver.9以降は、event.keyCodeプロパティの強制的な変更が出来なくなっており、 （セキュリティ対策と思われる）この方法は使えません。 そこで、どうしたものか？Google先生に聞いてみると、どうやらjQueryを使うと出来るらしいという事で、次のサイト「[jQuery] Enterキーでフォーカスを移動するには」を、参考にさせていただきまして、自分用にカスタマイズした関数「fEnterChangeTab()」を紹介します。 １．関数の仕様 ・input要素の中で、button型、hidden型、readonly属性、disabled属性は、タブ移動先から除外する事。 ・画面最後のinput要素でEnterキーを押されたら、最初のinput要素に移動する事。 ・画面最初のinput要素でEnterキー＋Shiftキーを押されたら、最後のinp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
