@@ -94,16 +94,17 @@ export default {
94
94
95
95
ランドマークを使用すると、アプリケーション内のセクションへプログラムによるアクセスができます。支援技術に依存しているユーザは、アプリケーションの各セクションに移動し、コンテンツをスキップすることができます。これを実現するために、[ ARIA ロール] ( https://developer.mozilla.org/ja/docs/Web/Accessibility/ARIA/Roles ) を使用することができます。
96
96
97
- | HTML | ARIA ロール | ランドマークの目的 |
98
- | --------------- | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
99
- | header | role="banner" | 主な見出し:ページのタイトル |
100
- | nav | role="navigation" | 文書や関連文書をナビゲートする際に使用するのに適したリンク集 |
101
- | main | role="main" | 文書の主な内容または中心的な内容。 |
102
- | footer | role="contentinfo" | 親文書に関する情報:脚注/著作権/プライバシーポリシーへのリンク |
103
- | aside | role="complementary" | メインコンテンツをサポートしながらも、それ自身コンテンツとして分離され、意味のあるものになっています |
104
- | _ 利用不可_ | role="search" | セクションに含まれるアプリケーションの検索機能 |
105
- | form | role="form" | フォーム関連の要素コレクション |
106
- | section | role="region" | 関連性があり、ユーザがナビゲートする可能性が高いコンテンツ。この要素にはラベルを指定する必要があります |
97
+ | HTML | ARIA ロール | ランドマークの目的 |
98
+ | --------------- | -------------------- | ------------------------------------------------------------------------------------- |
99
+ | header | role="banner" | 主な見出し:ページのタイトル |
100
+ | nav | role="navigation" | 文書や関連文書をナビゲートする際に使用するのに適したリンク集 |
101
+ | main | role="main" | 文書の主な内容または中心的な内容。 |
102
+ | footer | role="contentinfo" | 親文書に関する情報:脚注/著作権/プライバシーポリシーへのリンク |
103
+ | aside | role="complementary" | メインコンテンツをサポートしながらも、それ自身コンテンツとして分離され、意味のあるものになっています |
104
+ | _ 利用不可_ | role="search" | セクションに含まれるアプリケーションの検索機能 |
105
+ | form | role="form" | フォーム関連の要素コレクション |
106
+ | section | role="region" | 関連性があり、ユーザがナビゲートする可能性が高いコンテンツ。この要素にはラベルを指定する必要があります |
107
+
107
108
108
109
:::tip Tip:
109
110
レガシーな [ HTML5 のセマンティック要素をサポートしていないブラウザ] ( https://caniuse.com/#feat=html5semantic ) との互換性を最大限に高めるために、冗長なランドマークロール属性を持つランドマーク HTML 要素を使用することをお勧めします。
0 commit comments