htmlの中の属性roleとaria-*の解釈と使い方
962 ワード
HTML 5 aria-*and roleはvideo-jsのdemoで多くのaria-*を見て、何をしているのか分かりません.Googleで検索すると、ariaの意味はAccessible Rich Internet Applicationです.Accessibleは一般的にwindowsの拡大鏡、音声朗読、高コントラストテーマなど、不便な人のために提供される機能です.
主な内容は、html tagに対するHTML 5の追加プロパティ:roleとaria-*を説明し、実証することです.
roleの役割は、非標準的なtagの実際の役割を記述することである.例えばdivでbuttonを作ると、divのrole=「button」を設定すると、補助ツールはこれが実際にbuttonであることを認識することができます.
ARIA Roles
aria-*の役割は、可視化されたシナリオにおけるこのtagの具体的な情報を記述することである.たとえば、
アシストツールでは、このdivは実際にcheckboxの役割であり、選択された状態であることがわかります.
Add ARIA for screen readers
主な内容は、html tagに対するHTML 5の追加プロパティ:roleとaria-*を説明し、実証することです.
roleの役割は、非標準的なtagの実際の役割を記述することである.例えばdivでbuttonを作ると、divのrole=「button」を設定すると、補助ツールはこれが実際にbuttonであることを認識することができます.
ARIA Roles
Use the ARIA role attribute to indicate that a generic tag is playing the role of a standard widget like a button.
aria-*の役割は、可視化されたシナリオにおけるこのtagの具体的な情報を記述することである.たとえば、
アシストツールでは、このdivは実際にcheckboxの役割であり、選択された状態であることがわかります.
Add ARIA for screen readers
ARIA attributes provides semantic information to screen readers that is normally conveyed visually.
Note that using ARIA does not automatically implement the standard widget behavior, you'll still need to add focus management and keyboard navigation yourself.