diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/accessibility/understanding_wcag/robust | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/ja/web/accessibility/understanding_wcag/robust')
-rw-r--r-- | files/ja/web/accessibility/understanding_wcag/robust/index.html | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/files/ja/web/accessibility/understanding_wcag/robust/index.html b/files/ja/web/accessibility/understanding_wcag/robust/index.html new file mode 100644 index 0000000000..18f492e218 --- /dev/null +++ b/files/ja/web/accessibility/understanding_wcag/robust/index.html @@ -0,0 +1,85 @@ +--- +title: 堅牢 +slug: Web/Accessibility/Understanding_WCAG/Robust +tags: + - Accessibility + - HTML + - Parsing + - Principle 4 + - Robust + - Role(2) + - Validation + - WAI-ARIA + - WCAG + - Web Content Accessibility Guidelines + - value +translation_of: Web/Accessibility/Understanding_WCAG/Robust +--- +<p class="summary">この記事では、ウェブコンテンツ・アクセシビリティガイドライン(WCAG)2.0 および 2.1 の<strong>堅牢</strong>原則に概説されている達成基準に準拠するようにウェブコンテンツを作成する方法についての実用的なアドバイスを提供します。 堅牢とは、支援技術を含む多種多様なユーザーエージェントによって確実に解釈されることができるほど十分に堅牢でなければならないと述べています。 これは通常、ウェブ標準に準拠し、<a href="/ja/docs/Learn/Tools_and_testing/Cross_browser_testing">厳密にテスト</a>することによって実現できます。</p> + +<div class="note"> +<p>.<strong>注</strong>: W3C の堅牢の定義とそのガイドラインおよび達成基準を読むには、<a href="https://www.w3.org/TR/WCAG21/#robust">原則 4: 堅牢 — コンテンツは、支援技術を含むさまざまなユーザーエージェントによって確実に解釈されるよう十分に堅牢である必要があります</a>(英語)を参照してください。</p> +</div> + +<h2 id="Guideline_4.1_—_Compatible_Maximize_compatibility_with_current_and_future_user_agents_including_assistive_technologies" name="Guideline_4.1_—_Compatible_Maximize_compatibility_with_current_and_future_user_agents_including_assistive_technologies">ガイドライン 4.1 — 互換性: 支援技術を含む現在および将来のユーザーエージェントとの互換性を最大化する</h2> + +<p>このガイドラインは、現在のユーザーエージェント(例えば、ブラウザ)だけでなく将来のものともコンテンツをできる限り互換性を持たせることに焦点を当てています。</p> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">達成基準</th> + <th scope="col">基準への準拠方法</th> + <th scope="col">実用的なリソース</th> + </tr> + </thead> + <tbody> + <tr> + <td>4.1.1 解析 (A)</td> + <td> + <p>コンテンツは、ブラウザやスクリーンリーダーのような他のユーザーエージェントによって正常に解析されるように、整形式(well-formed)にするべきです。</p> + + <p>この基準に合格するには、HTML ができるだけ妥当(valid)であることを確認してください。 マークアップを検証するために <a href="https://validator.w3.org/">W3C の検証ツール</a>(英語)を使用してください。</p> + </td> + <td>実用的なガイドについては、<a href="/ja/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">HTML のデバッグ</a>を参照してください。</td> + </tr> + <tr> + <td>4.1.2 名前、役割、値 (A)</td> + <td> + <p>ユーザインターフェース・コンポーネント(例えば、フォーム入力、ボタン、リンクなど)の名前と役割(role、ロール)はプログラム的に決定可能であるべきです。</p> + + <p>意図された目的のために意味論の要素を正しく使用するとき、この基準に自動的に合格するはずです。 カスタムコンポーネントをスクリプト化するときは、例えば、晴眼でマウスのユーザーだけでなく、スクリーンリーダーのユーザー、キーボードのみのユーザーなども、コントロールが解釈されて意図したとおりに使用できるようにするために、WAI-ARIA のロールおよびその他の機能を使用する必要があります。</p> + </td> + <td><a href="/ja/docs/Learn/Accessibility/HTML">HTML: アクセシビリティの基礎</a>と <a href="/ja/docs/Learn/Accessibility/WAI-ARIA_basics">WAI-ARIA の基本</a>を参照してください。</td> + </tr> + <tr> + <td>4.1.3 ステータスメッセージ (AA) <a href="https://www.w3.org/TR/WCAG21/#new-features-in-wcag-2-1">2.1 で追加</a>(英語)</td> + <td> + <p>支援技術のユーザーは、ページに追加された新しいステータスメッセージを認識します。</p> + </td> + <td><a href="https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html">ステータスメッセージを理解する</a>(英語)</td> + </tr> + </tbody> +</table> + +<div class="note"> +<p><strong>注</strong>: <a href="https://www.w3.org/TR/WCAG21/#compatible">ガイドライン 4.1: 互換性: 支援技術を含む現在および将来のユーザーエージェントとの互換性を最大化する</a>(英語)に関する WCAG の説明も参照してください。</p> +</div> + +<p> </p> + +<h2 id="See_Also" name="See_Also">関連情報</h2> + +<ul> + <li><a href="/ja/docs/Web/Accessibility/Understanding_WCAG">WCAG</a> + + <ol> + <li><a href="/ja/docs/Web/Accessibility/Understanding_WCAG/Perceivable">知覚可能</a></li> + <li><a href="/ja/docs/Web/Accessibility/Understanding_WCAG/Operable">操作可能</a></li> + <li><a href="/ja/docs/Web/Accessibility/Understanding_WCAG/Understandable">理解可能</a></li> + <li>堅牢</li> + </ol> + </li> +</ul> + +<p> </p> |