diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-14 12:18:12 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-14 12:18:12 -0500 |
commit | 869dd2069c695ee7040cd3261713212155819f42 (patch) | |
tree | 320a95de75a89686a9df006b90d923aa7fa0d551 /files/ja/web/html/element/main/index.html | |
parent | a5fcfafb665e96cae5d04dfba927db8dcdfd7f14 (diff) | |
download | translated-content-869dd2069c695ee7040cd3261713212155819f42.tar.gz translated-content-869dd2069c695ee7040cd3261713212155819f42.tar.bz2 translated-content-869dd2069c695ee7040cd3261713212155819f42.zip |
final dump 2020-12-14
Diffstat (limited to 'files/ja/web/html/element/main/index.html')
-rw-r--r-- | files/ja/web/html/element/main/index.html | 32 |
1 files changed, 17 insertions, 15 deletions
diff --git a/files/ja/web/html/element/main/index.html b/files/ja/web/html/element/main/index.html index 8c3e730415..275070480d 100644 --- a/files/ja/web/html/element/main/index.html +++ b/files/ja/web/html/element/main/index.html @@ -2,13 +2,11 @@ title: <main> slug: Web/HTML/Element/main tags: + - Element - HTML - - HTML コンテンツグループ化 - - 'HTML:フローコンテンツ' - - 'HTML:知覚可能コンテンツ' + - HTML sections - Reference - main - - 要素 translation_of: Web/HTML/Element/main --- <div>{{HTMLRef}}</div> @@ -24,12 +22,12 @@ translation_of: Web/HTML/Element/main <table class="properties"> <tbody> <tr> - <th scope="row"><a href="/ja/docs/Web/HTML/Content_categories">コンテンツカテゴリ</a></th> - <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>, 知覚可能コンテンツ</td> + <th scope="row"><a href="/ja/docs/Web/Guide/HTML/Content_categories">コンテンツカテゴリ</a></th> + <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a>, 知覚可能コンテンツ</td> </tr> <tr> <th scope="row">許可されている内容</th> - <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a></td> + <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a></td> </tr> <tr> <th scope="row">タグの省略</th> @@ -37,11 +35,15 @@ translation_of: Web/HTML/Element/main </tr> <tr> <th scope="row">許可されている親要素</th> - <td><a href="/ja/docs/Web/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れる場所、但し<a href="https://html.spec.whatwg.org/multipage/grouping-content.html#hierarchically-correct-main-element" id="the-main-element:hierarchically-correct-main-element">階層的に正しい <code>main</code> 要素であること</a>。</td> + <td><a href="/ja/docs/Web/Guide/HTML/Content_categories#Flow_content">フローコンテンツ</a>を受け入れる場所、但し<a href="https://html.spec.whatwg.org/multipage/grouping-content.html#hierarchically-correct-main-element" id="the-main-element:hierarchically-correct-main-element">階層的に正しい <code>main</code> 要素であること</a>。</td> + </tr> + <tr> + <th scope="row">暗黙の ARIA ロール</th> + <td><code><a href="/ja/docs/Web/Accessibility/ARIA/Roles/Main_role">main</a></code></td> </tr> <tr> <th scope="row">許可されている ARIA ロール</th> - <td>既定で <code><main></code> 要素に <code>main</code> ロールを適用します。また、<code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_presentation_role">presentation</a></code> ロールも許可されます。</td> + <td>許可されている <code>role</code> なし</td> </tr> <tr> <th scope="row">DOM インターフェイス</th> @@ -62,7 +64,7 @@ translation_of: Web/HTML/Element/main <h2 id="Example" name="Example">例</h2> -<pre class="brush: html"><!-- 他のコンテンツ --> +<pre class="brush: html notranslate"><!-- 他のコンテンツ --> <main> <h1>Apples</h1> @@ -87,7 +89,7 @@ translation_of: Web/HTML/Element/main <!-- 他のコンテンツ --></pre> -<h2 id="Accessibility_concerns" name="Accessibility_concerns">アクセシビリティの考慮事項</h2> +<h2 id="Accessibility_concerns" name="Accessibility_concerns">アクセシビリティの考慮</h2> <h3 id="Landmark" name="Landmark">ランドマーク</h3> @@ -99,7 +101,7 @@ translation_of: Web/HTML/Element/main <p>{{htmlattrxref("id")}} 属性を追加することで、 <code><main></code> 要素がスキップナビゲーションリンクのターゲットになることができます。</p> -<pre><span class="tag"><body</span><span class="tag">> +<pre class="brush: html notranslate"><body> <a href="#main-content">Skip to main content</a> <!-- navigation and header content --> @@ -107,7 +109,7 @@ translation_of: Web/HTML/Element/main <main id="main-content"> <!-- main page content --> </main> -</body></span> +</body> </pre> <ul> @@ -153,9 +155,9 @@ translation_of: Web/HTML/Element/main <h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2> -<p><code><main></code> は広く対応されています。 Internet Explorer 11 およびそれ以前については、アクセシビリティにするために <code><main></code> 要素に ARIA の <code>"main"</code> ロールを追加することが提案されています (JAWS のような、古い Internet Explorer との組み合わせで使用する読み上げソフトは、 <code>role</code> 属性を含めれば <code><main></code> 要素の意味論的な意味を理解できるでしょう)。</p> +<p><code><main></code> は広く対応されています。 Internet Explorer 11 およびそれ以前については、アクセシビリティのために {{glossary("ARIA")}} の <code>"main"</code> ロールを <code><main></code> 要素に追加することが提案されています (JAWS のような、古い Internet Explorer との組み合わせで使用する読み上げソフトは、 <code><main></code> 要素の意味論的な意味を <code>role</code> 属性を含めることで理解できるでしょう)。</p> -<pre class="brush: html"><main role="main"> +<pre class="brush: html notranslate"><main role="main"> ... </main> </pre> |