From f639481a733ab7e23d0302fa68eb723d428bb373 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 3 Aug 2021 10:47:53 -0400 Subject: remove link 'title' attributes that's just the 'href' (ja, part 5) (#1861) --- .../index.html | 16 ++++++++-------- .../aria/aria_techniques/using_the_alert_role/index.html | 8 ++++---- .../using_the_alertdialog_role/index.html | 8 ++++---- .../using_the_aria-invalid_attribute/index.html | 8 ++++---- .../using_the_aria-label_attribute/index.html | 4 ++-- .../using_the_aria-labelledby_attribute/index.html | 4 ++-- .../using_the_aria-orientation_attribute/index.html | 6 +++--- .../using_the_aria-relevant_attribute/index.html | 4 ++-- .../using_the_aria-required_attribute/index.html | 8 ++++---- .../using_the_aria-valuemax_attribute/index.html | 8 ++++---- .../using_the_aria-valuemin_attribute/index.html | 10 +++++----- .../using_the_aria-valuenow_attribute/index.html | 10 +++++----- .../using_the_aria-valuetext_attribute/index.html | 4 ++-- .../using_the_progressbar_role/index.html | 8 ++++---- .../aria_techniques/using_the_slider_role/index.html | 4 ++-- .../accessibility/aria/forms/basic_form_hints/index.html | 10 +++++----- files/ja/web/accessibility/aria/forms/index.html | 2 +- .../aria/web_applications_and_aria_faq/index.html | 2 +- 18 files changed, 62 insertions(+), 62 deletions(-) (limited to 'files/ja/web/accessibility') 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

ARIA

-

W3C の Web Accessibility Initiative から生まれた WAI-ARIA こと Accessible Rich Internet Applications 仕様は、スクリーンリーダーのような支援技術が必要とする、欠けているセマンティクスを追加する手段です。ARIA はマークアップに特別な属性を追加することで、開発者が自身のウィジェットをより詳しく説明することを可能にします。ARIA は動的な Web アプリケーションにおいて、標準の HTML タグとデスクトップスタイルのコントロールとの間にあるギャップを埋めるように設計されており、ほとんどのよく知られた UI ウィジェットの動作を示す役割や状態を与えます。

+

W3C の Web Accessibility Initiative から生まれた WAI-ARIA こと Accessible Rich Internet Applications 仕様は、スクリーンリーダーのような支援技術が必要とする、欠けているセマンティクスを追加する手段です。ARIA はマークアップに特別な属性を追加することで、開発者が自身のウィジェットをより詳しく説明することを可能にします。ARIA は動的な Web アプリケーションにおいて、標準の HTML タグとデスクトップスタイルのコントロールとの間にあるギャップを埋めるように設計されており、ほとんどのよく知られた UI ウィジェットの動作を示す役割や状態を与えます。

ARIA 仕様書は 3 種類の属性に分けられています: ロール、ステート、プロパティです。ロールは HTML 4 において他の方法で利用できないウィジェット、例えばスライダー、メニューバー、タブ、ダイアログなどを説明します。プロパティはこれらのウィジェットの特徴、例えばドラッグ可能、必須の要素がある、関連づけられたポップアップがあるなどを説明します。ステートは要素について支援技術に伝える現在の対話状態、例えばビジー、無効、選択中、非可視などを説明します。

@@ -87,13 +87,13 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and
  • aria-grabbed: ドラッグアンドドロップの操作で、オブジェクトが 'つかまれている' 状態を示します。
    • -

    (ARIA のすべてのステートの一覧については、ARIA のステートとプロパティの一覧をご覧ください。)

    +

    (ARIA のすべてのステートの一覧については、ARIA のステートとプロパティの一覧をご覧ください。)

    開発者は UI ウィジェット要素の状態を示すために ARIA のステートを使用して、ステートの変化に基づく視覚的外見の変更に (スクリプトを使用して要素のクラス名を変更するのではなく) CSS の属性セレクタを使用しましょう。

    注意: この例(http://www.oaa-accessibility.org/example/25/) はもう利用できません。状況が変わったので、W3C ARIA オーサリングプラクティスガイドの例 (www.w3.org/TR/wai-aria-practices-1.1/examples/checkbox/checkbox-1/checkbox-1.html) を見てください。

    -

    Open Ajax Alliance の Web サイトに、ARIA のステートに基づく CSS 属性セレクタの例があります。この例では、動的なメニューシステムによる WYSIWYG エディタのインターフェイスを示しています。フォントフェイススなどのメニューで現在選択されている項目は、他のアイテムと視覚的に区別されます。例の中で関係する部分を、以下で説明します。

    +

    Open Ajax Alliance の Web サイトに、ARIA のステートに基づく CSS 属性セレクタの例があります。この例では、動的なメニューシステムによる WYSIWYG エディタのインターフェイスを示しています。フォントフェイススなどのメニューで現在選択されている項目は、他のアイテムと視覚的に区別されます。例の中で関係する部分を、以下で説明します。

    この例でメニュー用の HTML は、例 1a で示す形式になっています。7 行目と 13　行目で、メニュー項目の選択状態を表すために aria-checked プロパティを使用していることに注意してください。

    @@ -103,7 +103,7 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and

    コンテンツの可視性を変えるとき (例えば要素を隠したり表示したりする)、開発者は aria-hidden プロパティの値を変更するとよいでしょう。先に説明した手法を、display:none を使用して要素を視覚的に隠すという CSS を示すために使用しましょう。

    -

    Open Ajax Alliance の Web サイトに、可視性の制御に aria-hidden を使用するツールチップの例があります。この例では、入力フィールドに関する指示を収めたツールチップを持つシンプルな Web フォームの例を示しています。例の中で関係する部分を、以下で説明します。

    +

    Open Ajax Alliance の Web サイトに、可視性の制御に aria-hidden を使用するツールチップの例があります。この例では、入力フィールドに関する指示を収めたツールチップを持つシンプルな Web フォームの例を示しています。例の中で関係する部分を、以下で説明します。

    この例でツールチップ用の HTML は、例 2a で示す形式になっています。9 行目で aria-hidden を true に設定しています。

    @@ -172,14 +172,14 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and

    従って前出のタブウィジェットの例では、ユーザが Tab および Shift+Tab キーを使用してウィジェットのコンテナ (マークアップにおける <ol>) に出入りするナビゲーションを行えるとよいでしょう。キーボードのフォーカスがコンテナ内に入ったら、矢印キーで各々のタブ (<li> 要素) を行き来できるとよいでしょう。ここからは、プラットフォームによって慣習が異なります。Windows では、ユーザが矢印キーを押すと自動的に次のタブがアクティブ化されます。Mac OS X では、ユーザは次のタブをアクティブ化するために Enter またはスペースキーを押します。キーボードでナビゲーション可能な JavaScript ウィジェット作成の包括的なチュートリアルで、このような動作を JavaScript で実装する方法を説明します。

    -

    デスクトップスタイルのキーボードナビゲーションの慣習に関する詳細として、包括的な DHTML style guide があります。これは、ARIA がサポートする各種ウィジェットで動作すべきキーボードナビゲーションは何かの概要を示します。W3C でもさまざまなウィジェット向けのキーボードナビゲーションやショートカットの慣習を収めた、ARIA Best Practices の有用なドキュメントを提供しています。

    +

    デスクトップスタイルのキーボードナビゲーションの慣習に関する詳細として、包括的な DHTML style guide があります。これは、ARIA がサポートする各種ウィジェットで動作すべきキーボードナビゲーションは何かの概要を示します。W3C でもさまざまなウィジェット向けのキーボードナビゲーションやショートカットの慣習を収めた、ARIA Best Practices の有用なドキュメントを提供しています。

    関連情報

    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

    説明

    -

    alert ロールの使用方法についての技術デモとブラウザおよび支援技術に及ぼす影響の説明。

    +

    alert ロールの使用方法についての技術デモとブラウザおよび支援技術に及ぼす影響の説明。

    alert ロールは重要かつ一般に時間的制約のあるメッセージをユーザーへ伝えるために使用されます。このロールが要素へ追加されたとき、ブラウザはアクセシブルなアラートイベントをユーザーに向けて通知可能な支援技術製品へ送信します。 アラートロールはユーザの注意を即座に必要とする場合において最も便利です、例えば:

    @@ -108,7 +108,7 @@ document.getElementById("expirationWarning").className = "";

    注記 

    @@ -122,7 +122,7 @@ document.getElementById("expirationWarning").className = "";

    使用される ARIA 属性

    関連 ARIA 技術

    @@ -139,7 +139,7 @@ document.getElementById("expirationWarning").className = "";

    その他のリソース

     

    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

    説明

    -

    このテクニックは、alertdialog ロールの使用方法を示しています。

    +

    このテクニックは、alertdialog ロールの使用方法を示しています。

    alertdialog ロールは、ユーザーの即時の注意を要する緊急情報をユーザーに通知するために使用されます。 その名前が示すように、alertdialog は一種のダイアログです。 これは、「ARIA: dialog ロール」で提供されているほとんどの指示が alertdialog ロールにも適用できることを意味します。

    @@ -65,9 +65,9 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alertdialog_rol

    使用された ARIA 属性

    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

    説明

    -

    このテクニックは、aria-invalid 属性を使用する方法を示しています。

    +

    このテクニックは、aria-invalid 属性を使用する方法を示しています。

    aria-invalid 属性は、入力フィールドに入力された値がアプリケーションが予期している形式に準拠していないことを示すために使用されます。 これには、電子メールアドレスや電話番号などの形式が含まれます。 aria-invalid は、必須フィールドが入力されていないことを示すためにも使用できます。 属性は、検証処理の結果としてプログラムで設定する必要があります。

    @@ -96,7 +96,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_at

    動作する例

    -

    alert ロールの例（aria-invalid 属性を使用）

    +

    alert ロールの例（aria-invalid 属性を使用）

    注

    @@ -123,6 +123,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_at

    その他のリソース

    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 --- -

    aria-label 属性は、現在の要素にラベル付けする文字列を定義するために使用されます。 これはテキストラベルが画面に表示されない場合に使用します。 要素にラベル付けする目に見えるテキストがある場合は、代わりに aria-labelledby を使用します。

    +

    aria-label 属性は、現在の要素にラベル付けする文字列を定義するために使用されます。 これはテキストラベルが画面に表示されない場合に使用します。 要素にラベル付けする目に見えるテキストがある場合は、代わりに aria-labelledby を使用します。

    この属性は、一般的な HTML 要素で使用できます。 ARIA の role が割り当てられている要素に限定されるものではありません。

    @@ -57,5 +57,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr

    その他のリソース

    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 ---

    説明

    -

    aria-labelledby  属性には、入力要素、ウィジェット、グループなどのオブジェクトのラベルの要素の ID が含まれます。 属性は、オブジェクトとそのラベルの間の関係を確立します。 スクリーンリーダーなどの支援技術では、この属性を使用してドキュメント内のオブジェクトをカタログ化し、ユーザーがドキュメント間を移動できるようにします。 要素の ID がなければ、支援技術はオブジェクトをカタログ化できません。

    +

    aria-labelledby  属性には、入力要素、ウィジェット、グループなどのオブジェクトのラベルの要素の ID が含まれます。 属性は、オブジェクトとそのラベルの間の関係を確立します。 スクリーンリーダーなどの支援技術では、この属性を使用してドキュメント内のオブジェクトをカタログ化し、ユーザーがドキュメント間を移動できるようにします。 要素の ID がなければ、支援技術はオブジェクトをカタログ化できません。

    aria-labelledby は aria-describedby と非常によく似ています。 ラベルはオブジェクトに関する重要な情報を提供し、説明はユーザーが必要とする幅広い情報を提供します。

    @@ -139,5 +139,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby

    その他のリソース

    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 --- -

    aria-orientation 属性は、要素が水平方向か垂直方向かを示すために使用されます。

    +

    aria-orientation 属性は、要素が水平方向か垂直方向かを示すために使用されます。

    値

    @@ -55,7 +55,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientatio

    動作する例

    注

    @@ -83,7 +83,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientatio

    その他のリソース

     

    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 --- -

    aria-relevant 属性は、aria-live リージョンにどのような変更が生じたかを記述するために使用されるオプションの値で、関連性があり、アナウンスする必要があります。 関連性のない変更は、aria-live 属性が off に設定されている場合と同じように動作します。

    +

    aria-relevant 属性は、aria-live リージョンにどのような変更が生じたかを記述するために使用されるオプションの値で、関連性があり、アナウンスする必要があります。 関連性のない変更は、aria-live 属性が off に設定されている場合と同じように動作します。

    aria-relevant は、ウェブページにページを表示中に更新される可能性のあるコンテンツが含まれている場合によく使用されます。

    @@ -27,5 +27,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_a

    その他のリソース

    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 ---

    Description

    -

    aria-required 属性は、フォームが送信される前に要素にユーザー入力が必要であることを示すために使用されます。 この属性は、一般的な HTML フォーム要素で使用できます。 ARIA の role が割り当てられている要素に限定されるものではありません。

    +

    aria-required 属性は、フォームが送信される前に要素にユーザー入力が必要であることを示すために使用されます。 この属性は、一般的な HTML フォーム要素で使用できます。 ARIA の role が割り当てられている要素に限定されるものではありません。

    {{ HTMLVersionInline("5") }} には required 属性が追加されましたが、まだ HTML5 をサポートしていないユーザーエージェントには aria-required はまだ役立ちます。

    @@ -44,7 +44,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_a

    動作する例

    -

    ツールチップの例（aria-required 属性の使用を含む）

    +

    ツールチップの例（aria-required 属性の使用を含む）

    注

    @@ -73,7 +73,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_a

    その他のリソース

    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

    動作する例

    注 

    @@ -67,7 +67,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_a

    その他のリソース

    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 --- -

    aria-valuemin 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットに許容される最小値を定義するために使用されます。 aria-valuenow が既知の最大値と最小値を持つ場合、作成者は aria-valuemax と aria-valuemin のプロパティを提供するべきです（SHOULD）。 aria-valuemin の値は aria-valuemax の値以下でなければならない（MUST）。

    +

    aria-valuemin 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットに許容される最小値を定義するために使用されます。 aria-valuenow が既知の最大値と最小値を持つ場合、作成者は aria-valuemax と aria-valuemin のプロパティを提供するべきです（SHOULD）。 aria-valuemin の値は aria-valuemax の値以下でなければならない（MUST）。

    aria-valuemin は、スライダー、スクロールバー、スピンボタンのロールの必須属性です。

    @@ -32,9 +32,9 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_a

    動作する例

    注

    @@ -63,5 +63,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_a

    その他のリソース

    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 --- -

    aria-valuenow 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットの現在の値を定義するために使用されます。 現在の値がわからない場合は、aria-valuenow 属性を設定しないでください。 aria-valuenow に既知の最小値と最大値がある場合、作成者は aria-valuemin 属性と aria-valuemax 属性を設定するべきです。

    +

    aria-valuenow 属性は、スライダー、スピンボタン、プログレスバーなどの範囲ウィジェットの現在の値を定義するために使用されます。 現在の値がわからない場合は、aria-valuenow 属性を設定しないでください。 aria-valuenow に既知の最小値と最大値がある場合、作成者は aria-valuemin 属性と aria-valuemax 属性を設定するべきです。

    レンダリングされた値を数値として正確に表現できない場合、作成者は aria-valuetext 属性を aria-valuenow と組み合わせて使用して、範囲の現在の値の使いやすい表現を提供するべきです（SHOULD）。 たとえば、スライダーのレンダリング値が小、中、大の場合があります。 この場合、aria-valuenow の値は 1 〜 3 の範囲で値空間内の各値の位置を示しますが、aria-valuetext は、小、中、大のいずれかの文字列になります。

    @@ -36,9 +36,9 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_a

    動作する例

    注 

    @@ -67,7 +67,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_a

    その他のリソース

     

    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 --- -

    aria-valuetext 属性は、プログレスバー、スピンボタン、スライダーなどの範囲ウィジェットの aria-valuenow に対する人間が読める代替テキストを定義するために使用されます。

    +

    aria-valuetext 属性は、プログレスバー、スピンボタン、スライダーなどの範囲ウィジェットの aria-valuenow に対する人間が読める代替テキストを定義するために使用されます。

    作成者は、レンダリングされた値を数値として正確に表現できない場合にのみ、aria-valuetext 属性を設定するべきです（SHOULD）。 たとえば、スライダーのレンダリング値が小、中、大の場合があります。 この場合、aria-valuenow の値は 1 〜 3 の範囲で値空間内の各値の位置を示しますが、aria-valuetext は、小、中、大のいずれかの文字列になります。

    @@ -58,7 +58,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_

    その他のリソース

     

    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

    使用された ARIA 属性

    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) {

    動作する例

    注

    @@ -131,5 +131,5 @@ var updateSlider = function (newValue) {

    その他のリソース

    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

    ARIA でラベルをつける

    -

    HTML の {{HTMLElement("label")}} 要素はフォーム関連の要素にふさわしいのですが、多くのフォームコントロールは {{HTMLElement("div")}} や {{HTMLElement("span")}} を使用した、動的な JavaScript ウィジェットとして実装されています。W3C の Web Accessibility Initiative から生まれた WAI-ARIA こと Accessible Rich Internet Applications 仕様は、このような場合のために aria-labelledby 属性を用意しています。

    +

    HTML の {{HTMLElement("label")}} 要素はフォーム関連の要素にふさわしいのですが、多くのフォームコントロールは {{HTMLElement("div")}} や {{HTMLElement("span")}} を使用した、動的な JavaScript ウィジェットとして実装されています。W3C の Web Accessibility Initiative から生まれた WAI-ARIA こと Accessible Rich Internet Applications 仕様は、このような場合のために aria-labelledby 属性を用意しています。

    以下の例では、順不同リストを使用して実装したラジオボタングループを示しています。3 行目で {{HTMLElement("li")}} 要素の aria-labelledby 属性に、1 行目の {{HTMLElement("h3")}} 要素の id である "rg1_label" を設定しており、h3 要素がラジオボタングループのラベルです。

    @@ -62,7 +62,7 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints

    ARIA で説明する

    -

    フォームコントロールはラベルに加えて、説明文が結びつけられることがあります。ARIA には、説明文とコントロールを直接結びつけるための aria-describedby 属性があります。

    +

    フォームコントロールはラベルに加えて、説明文が結びつけられることがあります。ARIA には、説明文とコントロールを直接結びつけるための aria-describedby 属性があります。

    以下の例では別の {{HTMLElement("div")}} 要素内の文で説明されている、{{HTMLElement("button")}} 要素を示しています。{{HTMLElement("button")}} 要素の aria-describedby 属性は {{HTMLElement("div")}} 要素の id を参照しています。

    @@ -79,8 +79,8 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints

    一般的に Web 開発者は、必須のフィールドや正しくないフィールドを示すために視覚的な方法を使用します。しかし、支援技術 (AT) は必ずしもその表示から情報を推測できるわけではありません。ARIA は、コントロールが必須あるいは正しくないことを示すための属性を用意しています:

    以下の例では、3 つのフィールドを持つシンプルなフォームを示しています。4 行目から 12 行目で、name および email フィールドは入力必須であることを示すために (ラベルの隣にアスタリスクを置くのに加えて) aria-required 属性を true に設定しています。2 番目の例は電子メールの形式を検証して、その結果に応じて email フィールド (HTML の 12 行目) の (要素を視覚的に変化させるのに加えて) aria-invalid 属性を設定する JavaScript コードスニペットです。

    @@ -118,4 +118,4 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints
    TBD: ひとつの記事にまとめるか、テクニックを分けるか、あるいはその両方を行うとよいでしょう。また ARIA のマークアップは、サーバサイドの検証の後に読み込まれたページ内のエラーメッセージにふさわしいのでしょうか?
    -

    フォームのアクセシビリティのために ARIA を使用する際のさらなるガイドラインについては、WAI-ARIA Authoring Practices のドキュメントをご覧ください。

    +

    フォームのアクセシビリティのために ARIA を使用する際のさらなるガイドラインについては、WAI-ARIA Authoring Practices のドキュメントをご覧ください。

    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
  • マルチパートのラベル: 各々のラベル内で制御することにより、複雑なフォームラベルを実現します。
    • -

    同様のコンテンツを多く扱っている、フォーム検証や ARIA に関する Yahoo! の記事もご覧ください。

    +

    同様のコンテンツを多く扱っている、フォーム検証や ARIA に関する Yahoo! の記事もご覧ください。

    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

    ARIA とは何か

    WAI-ARIA は、 -W3C の Web Accessibility Initiative による、Accessible Rich Internet Applications の仕様です。 ARIA はウェブアプリケーションやウィジェットを、画面リーダーや拡大鏡などの支援技術を使用するユーザーを含む幅広いユーザーに対して、よりアクセス可能にする手段を提供します。

    +W3C の Web Accessibility Initiative による、Accessible Rich Internet Applications の仕様です。 ARIA はウェブアプリケーションやウィジェットを、画面リーダーや拡大鏡などの支援技術を使用するユーザーを含む幅広いユーザーに対して、よりアクセス可能にする手段を提供します。

    ARIA はメニュー、スライダー、ツリー、ダイアログといった多くの一般的なユーザーインターフェイスの役割、状態、機能性を示す付加的な意味を与えます。また作者がページ上の目印、部分、グリッドを設定することを支援する、付加的な構造情報も与えます。ARIA は動的で JavaScript 駆動のアプリケーションやウィジェットを、さまざまなデスクトップベースの支援技術と対話可能にします。

    -- cgit v1.2.3-54-g00ecf