diff options
author | Peter Bengtsson <mail@peterbe.com> | 2021-08-03 10:47:53 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-08-03 23:47:53 +0900 |
commit | f639481a733ab7e23d0302fa68eb723d428bb373 (patch) | |
tree | fee896c90bb09a8a35c293fb6ce3e55bfcbad4e6 /files/ja/web/accessibility | |
parent | 3224fae710c5287f61da7470993d56f956e47927 (diff) | |
download | translated-content-f639481a733ab7e23d0302fa68eb723d428bb373.tar.gz translated-content-f639481a733ab7e23d0302fa68eb723d428bb373.tar.bz2 translated-content-f639481a733ab7e23d0302fa68eb723d428bb373.zip |
remove link 'title' attributes that's just the 'href' (ja, part 5) (#1861)
Diffstat (limited to 'files/ja/web/accessibility')
18 files changed, 62 insertions, 62 deletions
diff --git a/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html b/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html index 5b176c9fb1..79d1db1860 100644 --- a/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html +++ b/files/ja/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html @@ -41,7 +41,7 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and <h2 id="ARIA" name="ARIA">ARIA</h2> -<p>W3C の <a href="http://www.w3.org/WAI/" title="http://www.w3.org/WAI/">Web Accessibility Initiative</a> から生まれた <a href="http://www.w3.org/WAI/intro/aria.php" title="http://www.w3.org/WAI/intro/aria.php">WAI-ARIA</a> こと <strong>Accessible Rich Internet Applications</strong> 仕様は、スクリーンリーダーのような支援技術が必要とする、欠けているセマンティクスを追加する手段です。ARIA はマークアップに特別な属性を追加することで、開発者が自身のウィジェットをより詳しく説明することを可能にします。ARIA は動的な Web アプリケーションにおいて、標準の HTML タグとデスクトップスタイルのコントロールとの間にあるギャップを埋めるように設計されており、ほとんどのよく知られた UI ウィジェットの動作を示す役割や状態を与えます。</p> +<p>W3C の <a href="http://www.w3.org/WAI/">Web Accessibility Initiative</a> から生まれた <a href="http://www.w3.org/WAI/intro/aria.php" title="http://www.w3.org/WAI/intro/aria.php">WAI-ARIA</a> こと <strong>Accessible Rich Internet Applications</strong> 仕様は、スクリーンリーダーのような支援技術が必要とする、欠けているセマンティクスを追加する手段です。ARIA はマークアップに特別な属性を追加することで、開発者が自身のウィジェットをより詳しく説明することを可能にします。ARIA は動的な Web アプリケーションにおいて、標準の HTML タグとデスクトップスタイルのコントロールとの間にあるギャップを埋めるように設計されており、ほとんどのよく知られた UI ウィジェットの動作を示す役割や状態を与えます。</p> <p>ARIA 仕様書は 3 種類の属性に分けられています: ロール、ステート、プロパティです。ロールは HTML 4 において他の方法で利用できないウィジェット、例えばスライダー、メニューバー、タブ、ダイアログなどを説明します。プロパティはこれらのウィジェットの特徴、例えばドラッグ可能、必須の要素がある、関連づけられたポップアップがあるなどを説明します。ステートは要素について支援技術に伝える現在の対話状態、例えばビジー、無効、選択中、非可視などを説明します。</p> @@ -87,13 +87,13 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and <li><strong><code>aria-grabbed</code></strong>: ドラッグアンドドロップの操作で、オブジェクトが 'つかまれている' 状態を示します。</li> </ul> -<p>(ARIA のすべてのステートの一覧については、<a href="http://www.w3.org/TR/wai-aria/states_and_properties" title="http://www.w3.org/TR/wai-aria/states_and_properties">ARIA のステートとプロパティの一覧</a>をご覧ください。)</p> +<p>(ARIA のすべてのステートの一覧については、<a href="http://www.w3.org/TR/wai-aria/states_and_properties">ARIA のステートとプロパティの一覧</a>をご覧ください。)</p> <p>開発者は UI ウィジェット要素の状態を示すために ARIA のステートを使用して、ステートの変化に基づく視覚的外見の変更に (スクリプトを使用して要素のクラス名を変更するのではなく) CSS の属性セレクタを使用しましょう。</p> <p><em>注意: この例(</em><s><em><a class="external external-icon" href="http://www.oaa-accessibility.org/example/25/" rel="freelink">http://www.oaa-accessibility.org/example/25/</a></em></s><em>) はもう利用できません。状況が変わったので、W3C ARIA オーサリングプラクティスガイドの例</em> <em>(<a class="external external-icon" href="http://www.w3.org/TR/wai-aria-practices-1.1/examples/checkbox/checkbox-1/checkbox-1.html">www.w3.org/TR/wai-aria-practices-1.1/examples/checkbox/checkbox-1/checkbox-1.html</a>) を見てください。</em></p> -<p><s>Open Ajax Alliance の Web サイトに、<a href="http://www.oaa-accessibility.org/example/25/" title="http://www.oaa-accessibility.org/example/25/">ARIA のステートに基づく CSS 属性セレクタの例</a>があります。この例では、動的なメニューシステムによる WYSIWYG エディタのインターフェイスを示しています。フォントフェイススなどのメニューで現在選択されている項目は、他のアイテムと視覚的に区別されます。例の中で関係する部分を、以下で説明します。</s></p> +<p><s>Open Ajax Alliance の Web サイトに、<a href="http://www.oaa-accessibility.org/example/25/">ARIA のステートに基づく CSS 属性セレクタの例</a>があります。この例では、動的なメニューシステムによる WYSIWYG エディタのインターフェイスを示しています。フォントフェイススなどのメニューで現在選択されている項目は、他のアイテムと視覚的に区別されます。例の中で関係する部分を、以下で説明します。</s></p> <p><s>この例でメニュー用の HTML は、例 1a で示す形式になっています。7 行目と 13 行目で、メニュー項目の選択状態を表すために <strong><code>aria-checked</code></strong> プロパティを使用していることに注意してください。</s></p> @@ -103,7 +103,7 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and <p>コンテンツの可視性を変えるとき (例えば要素を隠したり表示したりする)、開発者は <strong><code>aria-hidden</code></strong> プロパティの値を変更するとよいでしょう。先に説明した手法を、<code>display:none</code> を使用して要素を視覚的に隠すという CSS を示すために使用しましょう。</p> -<p>Open Ajax Alliance の Web サイトに、<a href="http://www.oaa-accessibility.org/example/39/" title="http://www.oaa-accessibility.org/example/39/">可視性の制御に <strong><code>aria-hidden</code></strong> を使用するツールチップの例</a>があります。この例では、入力フィールドに関する指示を収めたツールチップを持つシンプルな Web フォームの例を示しています。例の中で関係する部分を、以下で説明します。</p> +<p>Open Ajax Alliance の Web サイトに、<a href="http://www.oaa-accessibility.org/example/39/">可視性の制御に <strong><code>aria-hidden</code></strong> を使用するツールチップの例</a>があります。この例では、入力フィールドに関する指示を収めたツールチップを持つシンプルな Web フォームの例を示しています。例の中で関係する部分を、以下で説明します。</p> <p>この例でツールチップ用の HTML は、例 2a で示す形式になっています。9 行目で <strong><code>aria-hidden</code></strong> を <code>true</code> に設定しています。</p> @@ -172,14 +172,14 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and <p>従って前出のタブウィジェットの例では、ユーザが Tab および Shift+Tab キーを使用してウィジェットのコンテナ (マークアップにおける <ol>) に出入りするナビゲーションを行えるとよいでしょう。キーボードのフォーカスがコンテナ内に入ったら、矢印キーで各々のタブ (<li> 要素) を行き来できるとよいでしょう。ここからは、プラットフォームによって慣習が異なります。Windows では、ユーザが矢印キーを押すと自動的に次のタブがアクティブ化されます。Mac OS X では、ユーザは次のタブをアクティブ化するために Enter またはスペースキーを押します。<a href="/ja/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets" title="Accessibility/Keyboard-navigable JavaScript widgets">キーボードでナビゲーション可能な JavaScript ウィジェット</a>作成の包括的なチュートリアルで、このような動作を JavaScript で実装する方法を説明します。</p> -<p>デスクトップスタイルのキーボードナビゲーションの慣習に関する詳細として、包括的な <a class="external external-icon" href="http://access.aol.com/dhtml-style-guide-working-group/" title="http://dev.aol.com/dhtml_style_guide">DHTML style guide</a> があります。これは、ARIA がサポートする各種ウィジェットで動作すべきキーボードナビゲーションは何かの概要を示します。W3C でもさまざまなウィジェット向けのキーボードナビゲーションやショートカットの慣習を収めた、<a href="http://www.w3.org/WAI/PF/aria-practices/Overview.html" title="http://www.w3.org/WAI/PF/aria-practices/Overview.html">ARIA Best Practices</a> の有用なドキュメントを提供しています。</p> +<p>デスクトップスタイルのキーボードナビゲーションの慣習に関する詳細として、包括的な <a class="external external-icon" href="http://access.aol.com/dhtml-style-guide-working-group/" title="http://dev.aol.com/dhtml_style_guide">DHTML style guide</a> があります。これは、ARIA がサポートする各種ウィジェットで動作すべきキーボードナビゲーションは何かの概要を示します。W3C でもさまざまなウィジェット向けのキーボードナビゲーションやショートカットの慣習を収めた、<a href="http://www.w3.org/WAI/PF/aria-practices/Overview.html">ARIA Best Practices</a> の有用なドキュメントを提供しています。</p> <h2 id="See_also" name="See_also">関連情報</h2> <ul> <li><a href="/ja/docs/ARIA" title="ARIA">ARIA</a></li> <li><a href="/ja/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ" title="Web applications and ARIA FAQ">Web アプリケーションと ARIA の FAQ</a></li> - <li><a href="http://www.w3.org/TR/wai-aria/" title="http://www.w3.org/TR/wai-aria/">WAI-ARIA Specification</a></li> - <li><a href="http://www.w3.org/WAI/PF/aria-practices/Overview.html" title="http://www.w3.org/WAI/PF/aria-practices/Overview.html">WAI-ARIA Best Practices</a></li> - <li><a class="external external-icon" href="http://access.aol.com/dhtml-style-guide-working-group/" title="http://dev.aol.com/dhtml_style_guide">DHTML Style Guide</a></li> + <li><a href="http://www.w3.org/TR/wai-aria/">WAI-ARIA Specification</a></li> + <li><a href="http://www.w3.org/WAI/PF/aria-practices/Overview.html">WAI-ARIA Best Practices</a></li> + <li><a class="external external-icon" href="http://access.aol.com/dhtml-style-guide-working-group/">DHTML Style Guide</a></li> </ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html index 4e3afbf773..82207358d0 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html @@ -22,7 +22,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role <h3 id="説明">説明</h3> <div class="summary"> -<p><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#alert" title="http://www.w3.org/TR/wai-aria/roles#alert">alert</a> ロールの使用方法についての技術デモとブラウザおよび支援技術に及ぼす影響の説明。</p> +<p><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#alert">alert</a> ロールの使用方法についての技術デモとブラウザおよび支援技術に及ぼす影響の説明。</p> </div> <p>alert ロールは重要かつ一般に時間的制約のあるメッセージをユーザーへ伝えるために使用されます。このロールが要素へ追加されたとき、ブラウザはアクセシブルなアラートイベントをユーザーに向けて通知可能な支援技術製品へ送信します。 アラートロールはユーザの注意を即座に必要とする場合において最も便利です、例えば:</p> @@ -108,7 +108,7 @@ document.getElementById("expirationWarning").className = ""; </pre> <ul> <li><a class="external" href="http://www.oaa-accessibility.org/example/1/">Alert role example using an ARIA alert box</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/alertdialog1/" title="http://www.oaa-accessibility.org/examplep/alertdialog1/">Alert example using a modal ARIA dialog box</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/alertdialog1/">Alert example using a modal ARIA dialog box</a></li> </ul> <h3 id="注記">注記 </h3> @@ -122,7 +122,7 @@ document.getElementById("expirationWarning").className = ""; </pre> <h3 id="使用される_ARIA_属性">使用される ARIA 属性</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#alert" title="http://www.w3.org/TR/wai-aria/roles#alert">alert</a></li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#alert">alert</a></li> </ul> <h3 id="関連_ARIA_技術">関連 ARIA 技術</h3> @@ -139,7 +139,7 @@ document.getElementById("expirationWarning").className = ""; </pre> <h3 id="その他のリソース">その他のリソース</h3> <ul> - <li>ARIA Best Practices - Alert Role: <a class="external" href="http://www.w3.org/TR/wai-aria-practices/#alert" title="http://www.w3.org/TR/wai-aria-practices/#alert">http://www.w3.org/TR/wai-aria-practices/#alert</a></li> + <li>ARIA Best Practices - Alert Role: <a class="external" href="http://www.w3.org/TR/wai-aria-practices/#alert">http://www.w3.org/TR/wai-aria-practices/#alert</a></li> </ul> <p> </p> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html index 97ecd72b2b..4918b3265d 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_alertdialog_role/index.html @@ -10,7 +10,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alertdialog_rol <h3 id="Description" name="Description">説明</h3> <div class="summary"> -<p>このテクニックは、<code><a class="external" href="http://www.w3.org/TR/2009/WD-wai-aria-20091215/roles#alertdialog" title="http://www.w3.org/TR/2009/WD-wai-aria-20091215/roles#alertdialog">alertdialog</a></code> ロールの使用方法を示しています。</p> +<p>このテクニックは、<code><a class="external" href="http://www.w3.org/TR/2009/WD-wai-aria-20091215/roles#alertdialog">alertdialog</a></code> ロールの使用方法を示しています。</p> </div> <p><code>alertdialog</code> ロールは、ユーザーの即時の注意を要する緊急情報をユーザーに通知するために使用されます。 その名前が示すように、<code>alertdialog</code> は一種のダイアログです。 これは、「<a href="/ja/docs/Web/Accessibility/ARIA/Roles/dialog_role">ARIA: <code>dialog</code> ロール</a>」で提供されているほとんどの指示が <code>alertdialog</code> ロールにも適用できることを意味します。</p> @@ -65,9 +65,9 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alertdialog_rol <h3 id="ARIA_attributes_used" name="ARIA_attributes_used">使用された ARIA 属性</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#alertdialog" title="http://www.w3.org/TR/wai-aria/roles#dialog">alertdialog</a></li> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby">aria-labelledby</a></li> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-describedby" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-describedby">aria-describedby</a></li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#alertdialog">alertdialog</a></li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby">aria-labelledby</a></li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-describedby">aria-describedby</a></li> </ul> <h3 id="Related_ARIA_techniques" name="Related_ARIA_techniques">関連する ARIA 技術</h3> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-invalid_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-invalid_attribute/index.html index 60313d5874..f93a7c4fd0 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-invalid_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-invalid_attribute/index.html @@ -13,7 +13,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_at <h3 id="Description" name="Description">説明</h3> <div class="summary"> -<p>このテクニックは、<a class="external" href="http://www.w3.org/TR/wai-aria/#aria-invalid" rel="external" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-invalid"><code>aria-invalid</code></a> 属性を使用する方法を示しています。</p> +<p>このテクニックは、<a class="external" href="http://www.w3.org/TR/wai-aria/#aria-invalid" rel="external"><code>aria-invalid</code></a> 属性を使用する方法を示しています。</p> </div> <p><code>aria-invalid</code> 属性は、入力フィールドに入力された値がアプリケーションが予期している形式に準拠していないことを示すために使用されます。 これには、電子メールアドレスや電話番号などの形式が含まれます。 <code>aria-invalid</code> は、必須フィールドが入力されていないことを示すためにも使用できます。 属性は、検証処理の結果としてプログラムで設定する必要があります。</p> @@ -96,7 +96,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_at <h4 id="Working_Examples" name="Working_Examples">動作する例</h4> -<p><a class="external" href="http://www.oaa-accessibility.org/examplep/alert1/" title="http://www.oaa-accessibility.org/examplep/alert1/"><code>alert</code> ロールの例</a>(<code>aria-invalid</code> 属性を使用)</p> +<p><a class="external" href="http://www.oaa-accessibility.org/examplep/alert1/"><code>alert</code> ロールの例</a>(<code>aria-invalid</code> 属性を使用)</p> <h3 id="Notes" name="Notes">注</h3> @@ -123,6 +123,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_at <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-invalid" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-invalid">aria-invalid の WAI-ARIA 仕様</a>(英語)</li> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-practices/#aria_lh_form" title="http://www.w3.org/TR/wai-aria-practices/#ariaform">フォームの WAI-ARIA オーサリングプラクティス</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-invalid">aria-invalid の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-practices/#aria_lh_form">フォームの WAI-ARIA オーサリングプラクティス</a>(英語)</li> </ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html index 241c58bf0c..c199bddbed 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html @@ -6,7 +6,7 @@ tags: - Accessibility translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute --- -<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-label" rel="external" title="https://www.w3.org/TR/wai-aria/#aria-label"><code>aria-label</code></a> 属性は、現在の要素にラベル付けする文字列を定義するために使用されます。 これはテキストラベルが画面に表示されない場合に使用します。 要素にラベル付けする目に見えるテキストがある場合は、代わりに <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute">aria-labelledby</a></code> を使用します。</span></p> +<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-label" rel="external"><code>aria-label</code></a> 属性は、現在の要素にラベル付けする文字列を定義するために使用されます。 これはテキストラベルが画面に表示されない場合に使用します。 要素にラベル付けする目に見えるテキストがある場合は、代わりに <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute">aria-labelledby</a></code> を使用します。</span></p> <p>この属性は、一般的な HTML 要素で使用できます。 ARIA の <code>role</code> が割り当てられている要素に限定されるものではありません。</p> @@ -57,5 +57,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-label" title="https://www.w3.org/TR/wai-aria/#aria-label">aria-label の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-label">aria-label の WAI-ARIA 仕様</a>(英語)</li> </ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html index 2751fbd56e..b21c0e3ad7 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html @@ -8,7 +8,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby --- <h3 id="Description" name="Description">説明</h3> -<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-labelledby" rel="external" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby"><code>aria-labelledby</code></a> 属性には、入力要素、ウィジェット、グループなどのオブジェクトのラベルの要素の ID が含まれます。 属性は、オブジェクトとそのラベルの間の関係を確立します。 スクリーンリーダーなどの支援技術では、この属性を使用してドキュメント内のオブジェクトをカタログ化し、ユーザーがドキュメント間を移動できるようにします。 要素の ID がなければ、支援技術はオブジェクトをカタログ化できません。</span></p> +<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-labelledby" rel="external"><code>aria-labelledby</code></a> 属性には、入力要素、ウィジェット、グループなどのオブジェクトのラベルの要素の ID が含まれます。 属性は、オブジェクトとそのラベルの間の関係を確立します。 スクリーンリーダーなどの支援技術では、この属性を使用してドキュメント内のオブジェクトをカタログ化し、ユーザーがドキュメント間を移動できるようにします。 要素の ID がなければ、支援技術はオブジェクトをカタログ化できません。</span></p> <p><code>aria-labelledby</code> は <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute">aria-describedby</a></code> と非常によく似ています。 ラベルはオブジェクトに関する重要な情報を提供し、説明はユーザーが必要とする幅広い情報を提供します。</p> @@ -139,5 +139,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-labelledby" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-labelledby">aria-labelledby の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-labelledby">aria-labelledby の WAI-ARIA 仕様</a>(英語)</li> </ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html index 5e8a0c4277..03c6496c1f 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-orientation_attribute/index.html @@ -7,7 +7,7 @@ tags: - Attribute translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientation_attribute --- -<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-orientation" rel="external" title="https://www.w3.org/TR/wai-aria/#aria-orientation">aria-orientation</a> 属性は、要素が水平方向か垂直方向かを示すために使用されます。</span></p> +<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-orientation" rel="external">aria-orientation</a> 属性は、要素が水平方向か垂直方向かを示すために使用されます。</span></p> <h3 id="Value" name="Value">値</h3> @@ -55,7 +55,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientatio <h4 id="Working_Examples" name="Working_Examples">動作する例</h4> <ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/" title="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> </ul> <h3 id="Notes" name="Notes">注</h3> @@ -83,7 +83,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientatio <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-orientation" title="https://www.w3.org/TR/wai-aria/#aria-orientation">aria-orientation の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-orientation">aria-orientation の WAI-ARIA 仕様</a>(英語)</li> </ul> <p> </p> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-relevant_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-relevant_attribute/index.html index f515cbb04b..b7db44a3a6 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-relevant_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-relevant_attribute/index.html @@ -7,7 +7,7 @@ tags: - ariaLive translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute --- -<p><span class="seoSummary"><code><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-relevant" rel="external" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-relevant">aria-relevant</a></code> 属性は、<code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Live_Regions">aria-live</a></code> リージョンにどのような変更が生じたかを記述するために使用されるオプションの値で、関連性があり、アナウンスする必要があります。 関連性のない変更は、<code>aria-live</code> 属性が <code>off</code> に設定されている場合と同じように動作します。</span></p> +<p><span class="seoSummary"><code><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-relevant" rel="external">aria-relevant</a></code> 属性は、<code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Live_Regions">aria-live</a></code> リージョンにどのような変更が生じたかを記述するために使用されるオプションの値で、関連性があり、アナウンスする必要があります。 関連性のない変更は、<code>aria-live</code> 属性が <code>off</code> に設定されている場合と同じように動作します。</span></p> <p><code>aria-relevant</code> は、ウェブページにページを表示中に更新される可能性のあるコンテンツが含まれている場合によく使用されます。</p> @@ -27,5 +27,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_a <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-relevant" title="https://www.w3.org/TR/wai-aria/states_and_properties#aria-relevant">aria-relevant の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#aria-relevant">aria-relevant の WAI-ARIA 仕様</a>(英語)</li> </ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html index d042420e74..1f69f16e2f 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html @@ -8,7 +8,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_a --- <h3 id="Description" name="Description">Description</h3> -<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-required" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-required"><code>aria-required</code></a> 属性は、フォームが送信される前に要素にユーザー入力が必要であることを示すために使用されます。 この属性は、一般的な HTML フォーム要素で使用できます。 ARIA の <code>role</code> が割り当てられている要素に限定されるものではありません。</span></p> +<p><span class="seoSummary"><a class="external" href="https://www.w3.org/TR/wai-aria/#aria-required"><code>aria-required</code></a> 属性は、フォームが送信される前に要素にユーザー入力が必要であることを示すために使用されます。 この属性は、一般的な HTML フォーム要素で使用できます。 ARIA の <code>role</code> が割り当てられている要素に限定されるものではありません。</span></p> <p>{{ HTMLVersionInline("5") }} には <code>required</code> 属性が追加されましたが、まだ HTML5 をサポートしていないユーザーエージェントには <code>aria-required</code> はまだ役立ちます。</p> @@ -44,7 +44,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_a <h4 id="Working_Examples" name="Working_Examples">動作する例</h4> -<p><a class="external" href="http://www.oaa-accessibility.org/examplep/tooltip1/" title="http://www.oaa-accessibility.org/examplep/tooltip1/">ツールチップの例</a>(<code>aria-required</code> 属性の使用を含む)</p> +<p><a class="external" href="http://www.oaa-accessibility.org/examplep/tooltip1/">ツールチップの例</a>(<code>aria-required</code> 属性の使用を含む)</p> <h3 id="Notes" name="Notes">注</h3> @@ -73,7 +73,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_a <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="https://www.w3.org/TR/WCAG20-TECHS/ARIA2.html" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-required">aria-required の WAI-ARIA 仕様</a>(英語)</li> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-practices/#aria_lh_form" title="http://www.w3.org/TR/wai-aria-practices/#ariaform">フォームの WAI-ARIA オーサリングプラクティス</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/WCAG20-TECHS/ARIA2.html">aria-required の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-practices/#aria_lh_form">フォームの WAI-ARIA オーサリングプラクティス</a>(英語)</li> <li>{{ HTMLVersionInline("5") }} における<a href="/ja/docs/Web/HTML/HTML5/Constraint_validation" title="Constraint validation">制約の検証</a></li> </ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html index 3bd75a909c..131a8b50cd 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemax_attribute/index.html @@ -36,9 +36,9 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_a <h4 id="Working_Examples" name="Working_Examples">動作する例</h4> <ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/" title="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/" title="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/" title="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> </ul> <h3 id="Notes" name="Notes">注 </h3> @@ -67,7 +67,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_a <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemax" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuemax">aria-valuemax の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemax">aria-valuemax の WAI-ARIA 仕様</a>(英語)</li> </ul> </div> </div> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html index 566d21a2bf..96a4857b74 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuemin_attribute/index.html @@ -6,7 +6,7 @@ tags: - Accessibility translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_attribute --- -<p><span class="seoSummary"><code><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemin" rel="external" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuemin">aria-valuemin</a></code> 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットに許容される最小値を定義するために使用されます。 <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute">aria-valuenow</a></code> が既知の最大値と最小値を持つ場合、作成者は <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_attribute">aria-valuemax</a></code> と <code>aria-valuemin</code> のプロパティを提供する<strong>べき</strong>です(SHOULD)。 <code>aria-valuemin</code> の値は <code>aria-valuemax</code> の値以下で<strong>なければならない</strong>(MUST)。</span></p> +<p><span class="seoSummary"><code><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemin" rel="external">aria-valuemin</a></code> 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットに許容される最小値を定義するために使用されます。 <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute">aria-valuenow</a></code> が既知の最大値と最小値を持つ場合、作成者は <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_attribute">aria-valuemax</a></code> と <code>aria-valuemin</code> のプロパティを提供する<strong>べき</strong>です(SHOULD)。 <code>aria-valuemin</code> の値は <code>aria-valuemax</code> の値以下で<strong>なければならない</strong>(MUST)。</span></p> <p><code>aria-valuemin</code> は、<a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_slider_role">スライダー</a>、<a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_scrollbar_role">スクロールバー</a>、<a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_spinbutton_role">スピンボタン</a>のロールの<strong>必須</strong>属性です。</p> @@ -32,9 +32,9 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_a <h4 id="Working_Examples.3A" name="Working_Examples.3A">動作する例</h4> <ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/" title="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/" title="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/" title="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> </ul> <h3 id="Notes" name="Notes">注</h3> @@ -63,5 +63,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_a <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemin" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuemin">aria-valuemin の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemin">aria-valuemin の WAI-ARIA 仕様</a>(英語)</li> </ul> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html index a074c74c7a..94ec9f7f50 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuenow_attribute/index.html @@ -6,7 +6,7 @@ tags: - Accessibility translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute --- -<p><span class="seoSummary"><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuenow" rel="external" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuenow">aria-valuenow</a> 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットの現在の値を定義するために使用されます。 現在の値がわからない場合は、<code>aria-valuenow</code> 属性を設定しないでください。 <code>aria-valuenow</code> に既知の最小値と最大値がある場合、作成者は <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_attribute">aria-valuemin</a></code> 属性と <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_attribute">aria-valuemax</a></code> 属性を設定するべきです。</span></p> +<p><span class="seoSummary"><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuenow" rel="external">aria-valuenow</a> 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットの現在の値を定義するために使用されます。 現在の値がわからない場合は、<code>aria-valuenow</code> 属性を設定しないでください。 <code>aria-valuenow</code> に既知の最小値と最大値がある場合、作成者は <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_attribute">aria-valuemin</a></code> 属性と <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_attribute">aria-valuemax</a></code> 属性を設定するべきです。</span></p> <p>レンダリングされた値を数値として正確に表現できない場合、作成者は <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_attribute">aria-valuetext</a></code> 属性を <code>aria-valuenow</code> と組み合わせて使用して、範囲の現在の値の使いやすい表現を提供する<strong>べき</strong>です(SHOULD)。 たとえば、スライダーのレンダリング値が<code>小</code>、<code>中</code>、<code>大</code>の場合があります。 この場合、<code>aria-valuenow</code> の値は 1 〜 3 の範囲で値空間内の各値の位置を示しますが、<code>aria-valuetext</code> は、<code>小</code>、<code>中</code>、<code>大</code>のいずれかの文字列になります。</p> @@ -36,9 +36,9 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_a <h4 id="Working_Examples.3A" name="Working_Examples.3A">動作する例</h4> <ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/" title="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/" title="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/" title="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/progressbar1/">プログレスバーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/spinbutton1/">スピンボタンの例</a></li> </ul> <h3 id="Notes" name="Notes">注 </h3> @@ -67,7 +67,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_a <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuenow" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuenow">aria-valuenow の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuenow">aria-valuenow の WAI-ARIA 仕様</a>(英語)</li> </ul> <p> </p> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuetext_attribute/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuetext_attribute/index.html index 1563eecbc9..10f6fe3c0d 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuetext_attribute/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_aria-valuetext_attribute/index.html @@ -7,7 +7,7 @@ tags: - Attribute translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_attribute --- -<p><span class="seoSummary"><code><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuetext" rel="external" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuetext">aria-valuetext</a></code> 属性は、プログレスバー、スピンボタン、スライダーなどの範囲ウィジェットの <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute">aria-valuenow</a></code> に対する人間が読める代替テキストを定義するために使用されます。</span></p> +<p><span class="seoSummary"><code><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuetext" rel="external">aria-valuetext</a></code> 属性は、プログレスバー、スピンボタン、スライダーなどの範囲ウィジェットの <code><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute">aria-valuenow</a></code> に対する人間が読める代替テキストを定義するために使用されます。</span></p> <p>作成者は、レンダリングされた値を数値として正確に表現できない場合にのみ、<code>aria-valuetext</code> 属性を設定する<strong>べき</strong>です(SHOULD)。 たとえば、スライダーのレンダリング値が<code>小</code>、<code>中</code>、<code>大</code>の場合があります。 この場合、<code>aria-valuenow</code> の値は 1 〜 3 の範囲で値空間内の各値の位置を示しますが、<code>aria-valuetext</code> は、<code>小</code>、<code>中</code>、<code>大</code>のいずれかの文字列になります。</p> @@ -58,7 +58,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_ <h3 id="Additional_resources" name="Additional_resources">その他のリソース</h3> <ul> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuetext" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuetext">aria-valuetext の WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuetext">aria-valuetext の WAI-ARIA 仕様</a>(英語)</li> </ul> <p> </p> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_progressbar_role/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_progressbar_role/index.html index 5d69e27437..c043811284 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_progressbar_role/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_progressbar_role/index.html @@ -56,11 +56,11 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_rol <h2 id="ARIA_attributes_used" name="ARIA_attributes_used">使用された ARIA 属性</h2> <ul> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#progressbar" title="http://www.w3.org/TR/wai-aria/roles#progressbar">progressbar</a></li> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuenow" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuenow">aria-valuenow</a></li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#progressbar">progressbar</a></li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuenow">aria-valuenow</a></li> <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemin" title="ARIA techniques">aria-valuemin</a></li> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemax" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuemax">aria-valuemax</a></li> - <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuetext" title="http://www.w3.org/TR/wai-aria/states_and_properties#aria-valuetext">aria-valuetext</a></li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuemax">aria-valuemax</a></li> + <li><a class="external" href="http://www.w3.org/TR/wai-aria/#aria-valuetext">aria-valuetext</a></li> </ul> <h2 id="Related_ARIA_techniques" name="Related_ARIA_techniques">関連する ARIA 技術</h2> diff --git a/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html b/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html index f8b1001d8e..dbe13c701e 100644 --- a/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html +++ b/files/ja/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html @@ -101,7 +101,7 @@ var updateSlider = function (newValue) { <h3 id="Working_Examples" name="Working_Examples">動作する例</h3> <ul> - <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/" title="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> + <li><a class="external" href="http://www.oaa-accessibility.org/examplep/slider1/">スライダーの例</a></li> </ul> <h2 id="Notes" name="Notes">注</h2> @@ -131,5 +131,5 @@ var updateSlider = function (newValue) { <h2 id="Additional_resources" name="Additional_resources">その他のリソース</h2> <ul> - <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#slider" title="http://www.w3.org/TR/wai-aria/roles#slider">slider ロールの WAI-ARIA 仕様</a>(英語)</li> + <li><a class="external" href="https://www.w3.org/TR/wai-aria-1.1/#slider">slider ロールの WAI-ARIA 仕様</a>(英語)</li> </ul> diff --git a/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html b/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html index f8fc0aea2c..965b3870d0 100644 --- a/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html +++ b/files/ja/web/accessibility/aria/forms/basic_form_hints/index.html @@ -39,7 +39,7 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints <h2 id="Labeling_with_ARIA" name="Labeling_with_ARIA">ARIA でラベルをつける</h2> -<p>HTML の {{HTMLElement("label")}} 要素はフォーム関連の要素にふさわしいのですが、多くのフォームコントロールは {{HTMLElement("div")}} や {{HTMLElement("span")}} を使用した、動的な JavaScript ウィジェットとして実装されています。W3C の <a href="http://www.w3.org/WAI/" title="http://www.w3.org/WAI/">Web Accessibility Initiative</a> から生まれた <a href="http://www.w3.org/WAI/intro/aria.php" title="http://www.w3.org/WAI/intro/aria.php">WAI-ARIA</a> こと <strong>Accessible Rich Internet Applications</strong> 仕様は、このような場合のために <a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-labelledby" title="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-labelledby"><strong>aria-labelledby</strong></a> 属性を用意しています。</p> +<p>HTML の {{HTMLElement("label")}} 要素はフォーム関連の要素にふさわしいのですが、多くのフォームコントロールは {{HTMLElement("div")}} や {{HTMLElement("span")}} を使用した、動的な JavaScript ウィジェットとして実装されています。W3C の <a href="http://www.w3.org/WAI/" title="http://www.w3.org/WAI/">Web Accessibility Initiative</a> から生まれた <a href="http://www.w3.org/WAI/intro/aria.php" title="http://www.w3.org/WAI/intro/aria.php">WAI-ARIA</a> こと <strong>Accessible Rich Internet Applications</strong> 仕様は、このような場合のために <a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-labelledby"><strong>aria-labelledby</strong></a> 属性を用意しています。</p> <p>以下の例では、順不同リストを使用して実装したラジオボタングループを示しています。3 行目で {{HTMLElement("li")}} 要素の <strong>aria-labelledby</strong> 属性に、1 行目の {{HTMLElement("h3")}} 要素の <strong>id</strong> である "rg1_label" を設定しており、h3 要素がラジオボタングループのラベルです。</p> @@ -62,7 +62,7 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints <h2 id="Describing_with_ARIA" name="Describing_with_ARIA">ARIA で説明する</h2> -<p>フォームコントロールはラベルに加えて、説明文が結びつけられることがあります。ARIA には、説明文とコントロールを直接結びつけるための <a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-describedby" title="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-describedby"><strong>aria-describedby</strong></a> 属性があります。</p> +<p>フォームコントロールはラベルに加えて、説明文が結びつけられることがあります。ARIA には、説明文とコントロールを直接結びつけるための <a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-describedby"><strong>aria-describedby</strong></a> 属性があります。</p> <p>以下の例では別の {{HTMLElement("div")}} 要素内の文で説明されている、{{HTMLElement("button")}} 要素を示しています。{{HTMLElement("button")}} 要素の <strong>aria-describedby</strong> 属性は {{HTMLElement("div")}} 要素の <strong>id</strong> を参照しています。</p> @@ -79,8 +79,8 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints <p>一般的に Web 開発者は、必須のフィールドや正しくないフィールドを示すために視覚的な方法を使用します。しかし、支援技術 (AT) は必ずしもその表示から情報を推測できるわけではありません。ARIA は、コントロールが必須あるいは正しくないことを示すための属性を用意しています:</p> <ul> - <li>フォーム要素は入力が必須であることを AT に示すために、<a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-required" title="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-required"><strong>aria-required</strong></a> プロパティを適用できます。</li> - <li>データフィールドに正しくないデータがあることを AT に知らせるために、プログラムで <a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-invalid" title="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-invalid"><strong>aria-invalid</strong></a> 状態を適用することで、ユーザは正しくないデータを入力したことを知ります。</li> + <li>フォーム要素は入力が必須であることを AT に示すために、<a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-required"><strong>aria-required</strong></a> プロパティを適用できます。</li> + <li>データフィールドに正しくないデータがあることを AT に知らせるために、プログラムで <a href="http://www.w3.org/TR/2010/WD-wai-aria-20100916/states_and_properties#aria-invalid"><strong>aria-invalid</strong></a> 状態を適用することで、ユーザは正しくないデータを入力したことを知ります。</li> </ul> <p>以下の例では、3 つのフィールドを持つシンプルなフォームを示しています。4 行目から 12 行目で、name および email フィールドは入力必須であることを示すために (ラベルの隣にアスタリスクを置くのに加えて) <strong>aria-required</strong> 属性を true に設定しています。2 番目の例は電子メールの形式を検証して、その結果に応じて email フィールド (HTML の 12 行目) の (要素を視覚的に変化させるのに加えて) <strong>aria-invalid</strong> 属性を設定する JavaScript コードスニペットです。</p> @@ -118,4 +118,4 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints <div class="note">TBD: ひとつの記事にまとめるか、テクニックを分けるか、あるいはその両方を行うとよいでしょう。また ARIA のマークアップは、サーバサイドの検証の後に読み込まれたページ内のエラーメッセージにふさわしいのでしょうか?</div> -<p>フォームのアクセシビリティのために ARIA を使用する際のさらなるガイドラインについては、<a href="http://www.w3.org/TR/wai-aria-practices/" title="http://www.w3.org/TR/wai-aria-practices/">WAI-ARIA Authoring Practices</a> のドキュメントをご覧ください。</p> +<p>フォームのアクセシビリティのために ARIA を使用する際のさらなるガイドラインについては、<a href="http://www.w3.org/TR/wai-aria-practices/">WAI-ARIA Authoring Practices</a> のドキュメントをご覧ください。</p> diff --git a/files/ja/web/accessibility/aria/forms/index.html b/files/ja/web/accessibility/aria/forms/index.html index 06d28f5f8d..d7647fdcf0 100644 --- a/files/ja/web/accessibility/aria/forms/index.html +++ b/files/ja/web/accessibility/aria/forms/index.html @@ -14,4 +14,4 @@ translation_of: Web/Accessibility/ARIA/forms <li><a href="/ja/docs/Web/Accessibility/ARIA/forms/Multipart_labels" title="https://developer.mozilla.org/en/aria/forms/Multipart_labels">マルチパートのラベル</a>: 各々のラベル内で制御することにより、複雑なフォームラベルを実現します。</li> </ul> -<p>同様のコンテンツを多く扱っている、<a href="http://yaccessibilityblog.com/library/aria-invalid-form-inputs.html" title="http://yaccessibilityblog.com/library/aria-invalid-form-inputs.html">フォーム検証や ARIA に関する Yahoo! の記事</a>もご覧ください。</p> +<p>同様のコンテンツを多く扱っている、<a href="http://yaccessibilityblog.com/library/aria-invalid-form-inputs.html">フォーム検証や ARIA に関する Yahoo! の記事</a>もご覧ください。</p> diff --git a/files/ja/web/accessibility/aria/web_applications_and_aria_faq/index.html b/files/ja/web/accessibility/aria/web_applications_and_aria_faq/index.html index e6d6360ee1..3095371d6c 100644 --- a/files/ja/web/accessibility/aria/web_applications_and_aria_faq/index.html +++ b/files/ja/web/accessibility/aria/web_applications_and_aria_faq/index.html @@ -10,7 +10,7 @@ translation_of: Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ <h2 id="What_is_ARIA">ARIA とは何か</h2> <p>WAI-ARIA は、 -<a href="https://www.w3.org/">W3C</a> の <a href="https://www.w3.org/WAI/"">Web Accessibility Initiative</a> による、<a href="https://www.w3.org/WAI/intro/aria.php" title="http://www.w3.org/WAI/intro/aria.php">Accessible Rich Internet Applications</a> の仕様です。 ARIA はウェブアプリケーションやウィジェットを、画面リーダーや拡大鏡などの支援技術を使用するユーザーを含む幅広いユーザーに対して、よりアクセス可能にする手段を提供します。</p> +<a href="https://www.w3.org/">W3C</a> の <a href="https://www.w3.org/WAI/"">Web Accessibility Initiative</a> による、<a href="https://www.w3.org/WAI/intro/aria.php">Accessible Rich Internet Applications</a> の仕様です。 ARIA はウェブアプリケーションやウィジェットを、画面リーダーや拡大鏡などの支援技術を使用するユーザーを含む幅広いユーザーに対して、よりアクセス可能にする手段を提供します。</p> <p>ARIA はメニュー、スライダー、ツリー、ダイアログといった多くの一般的なユーザーインターフェイスの役割、状態、機能性を示す付加的な意味を与えます。また作者がページ上の目印、部分、グリッドを設定することを支援する、付加的な構造情報も与えます。ARIA は動的で JavaScript 駆動のアプリケーションやウィジェットを、さまざまなデスクトップベースの支援技術と対話可能にします。</p> |