「無効」クラスまたは状態自体は補助装置のためではありません。
私は情報がどこから来たのか分かりませんが、それは完全に間違っています。 「無効」は、ステートです。ここで、ボタンまたはアンカーはNOT ENABLEDです。ユーザがクリックできないことを意味します。または、それをクリックすると何も起こりません。障害を持つ人々は、このタグの使用によって決して影響を受けません。 BTW-私は障害を持つ人々にサポートとサービスを提供する非営利団体のWeb開発者/デザイナーであり、スクリーンリーダーやその他の補助デバイスを含むさまざまなデバイスで自分のページをテストします。
フォーカスのあるタブのクラスは.focus
で、アクティブなタブのクラスは.active
です。
アクセシビリティのための設計が重要ですので、常にコードをW3C準拠のバリデーター(https://validator.w3.org/など)でチェックしてください。時には、JavaScriptを使ってサイトのタブのタブや矢印の順序を手動で制御しなければならないことがありましたが、一般的にBootstrapはそれをかなりうまく処理します。
例:私は、Web用.disabled
クラスは、すべての時間を形成して使用 。すべての必須フィールドに適切な情報が含まれるまで、[送信]ボタンは無効になっています。次に、.disabled
クラスを削除して、送信を許可します。
つまり、を実行すると、には、補助デバイスのフォーカス/ホバー項目に境界線を含める必要があります。これにより、ユーザーは自分のサイト上で「ホバリング」しているものを追跡することができます。上で述べたように、あなたはあなたのデザインに合うようにスタイルを変更することができますが、フォーカスを示すものがあることを確認してください。
誰かがこれに関する反論の情報を持っているなら、私はそれを読むことに興味があります。
?選択したタブを視覚的に識別する行のみが表示されます。どのブラウザを使用していますか? –
点線の境界線が表示されません。それは私にしっかりしています – DG3
@burhan私はFireFox v11を使用しています – StuBlackett