ブートストラップでの aria とはどういう意味ですか?

ブートストラップでは、aria は「Accessible Rich Internet Application」を意味し、「Accessible Rich Internet Application」の略語です。障害のある読み取り補助装置での Web ページの認識と読み取りを強化するために使用されます。 HTML と JS のアクセシビリティの欠点を補います。

このチュートリアルの動作環境: Windows 10 システム、ブートストラップ バージョン 3.3.7、DELL G3 コンピューター

ブートストラップにおける aria の意味

aria は、Accessible Rich Internet Application の略称で、百度訳：Accessible Rich Internet Application です。

このタイプの属性は、障害のある読書補助装置での Web ページの認識と読み取りを強化することを目的としています。

aria は比較的新しいアクセス支援テクノロジーで、html や js 自体のアクセシビリティの欠如を補うために使用されます。 Aria のサポートは必須ではありませんが、Aria をサポートすると、アプリケーションがより使いやすく、より堅牢になります。

例:

次のフォームは aria-label 属性を追加します。ページがこのフォームにフォーカスされると、スクリーン リーダーは aria-label 属性の値 aria を読み取ります。 -label 視覚効果はありません。デバイスがメモを読みやすくするだけです。

<input type="text" class="form-control" id="name" placeholder="请输入名称" aria-label="名称">

知識の拡大:

ARIA は、ユーザーのさまざまなニーズを満たす Web アプリのソリューションを提供します。ユーザーとソフトウェアの間に架け橋を築きます。

新しい HTML5 標準では、aria-* タグ属性が追加されており、正式名は Accessible Rich Internet Application です。 role タグ属性と組み合わせて使用​​されます。

role 属性は、非標準タグの実際の役割を示します。たとえば、div をボタンとして使用する場合、div の role="button" を設定すると、補助ツールはそれが実際にボタンであることを認識できます。 aria-* の機能は、このタグの具体的な情報を視覚的な状況で記述することです。

最も単純なアプリケーション (例:

<div role="checkbox" aria-checked="checked"></div>

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

関連する推奨事項: ブートストラップ チュートリアル

以上がブートストラップでの aria とはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。