ホームページ > ウェブフロントエンド > htmlチュートリアル > ブートストラップのフォーム属性 role='form' は何をしますか?

ブートストラップのフォーム属性 role='form' は何をしますか?

高洛峰
リリース: 2017-02-20 11:33:04
オリジナル
1516 人が閲覧しました

HTML の役割は本質的にセマンティクスを強化することです。既存の HTML タグではセマンティクスを完全に表現できない場合、役割を使用してそれを説明できます。通常、これは一部のカスタマイズされたコンポーネントで発生し、コンポーネントのアクセシビリティ、使いやすさ、対話性が向上します。
role の役割は、非標準タグの実際の役割を記述することです。たとえば、p をボタンとして使用し、p の役割を「ボタン」に設定すると、補助ツールはこれが実際にボタンであることを認識できるようになります
例:

<p role="checkbox" aria-checked="checked"></p>
ログイン後にコピー

補助ツールは、これが実際にはチェックボックスの役割であり、選択された状態にあることを認識します。

役割はバリアフリー読書であり、失読症の人に設定された属性であり、失読症の人は画面読み上げソフトウェアを使用してそれを分析できますが、これは正常な人にはほとんど関係がありません。設定する必要はありません。設定しない場合、画面読み上げソフトウェアはそれを解析できず、失読症の人はそれを「読む」ことができません。

プログラミングの良い習慣なので、すべてのラベルにロールを書いた方が良いでしょうか?例えば

<p role = "p"></p>
ログイン後にコピー

通常のテキストは読むことができますが、フォーム内にある場合がありますパスワード入力ボックスの前にパスワードプロンプトはありません。プロンプトはボックス内のプレースホルダーに書かれています。通常の人はここにパスワードを入力する方法を知っていますが、現時点ではそれを読み取ることができません。

属性ロールは、アクセシビリティ アプリケーション (画面読み上げプログラム、視覚障害者がインターネットにアクセスするための便利なプログラムなど) に、これがボタンであることを伝えるために存在します。 HTML5 要素では、タグ自体にセマンティクスがあるため、ロールを追加する必要はありません。少なくとも推奨されません。ただし、多くのブートストラップ ケースでは、古いバージョンのブラウザーとの互換性を保つために、同様の属性と宣言が必要です。 Agent)、コードで html5 タグが使用されており、古いバージョンのブラウザをサポートしない場合は、role タグを使用しないほうがよいでしょう。

ブートストラップにおけるフォーム属性 role="form" の役割に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート