From 9771f94a8fc0fc08436b90f139113af82123606c Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Fri, 17 Sep 2021 07:42:23 +0200 Subject: Remove occurrences of oaa-accessibility.org which has now nothing to do with Accessibility (#2379) * Remove occurrences of oaa-accessibility.org which is now squatted * Remove parts related to this PR Additional removing is necessary to keep the articles natural. This commit removes parts that correspond to the parts in Japanese version already removed in the English version. Co-authored-by: Masahiro FUJIMOTO --- .../index.html | 16 ++++------------ .../aria/aria_techniques/using_the_alert_role/index.html | 7 ------- .../using_the_aria-orientation_attribute/index.html | 6 ------ .../using_the_aria-required_attribute/index.html | 4 ---- .../using_the_aria-valuemax_attribute/index.html | 8 -------- .../using_the_aria-valuemin_attribute/index.html | 8 -------- .../using_the_aria-valuenow_attribute/index.html | 8 -------- .../aria_techniques/using_the_slider_role/index.html | 6 ------ .../accessibility/aria/forms/basic_form_hints/index.html | 2 -- .../keyboard-navigable_javascript_widgets/index.html | 2 +- 10 files changed, 5 insertions(+), 62 deletions(-) (limited to 'files/ja/web') 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 8e3ab5e104..b9a5e54406 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 @@ -91,23 +91,15 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and

開発者は 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 エディタのインターフェイスを示しています。フォントフェイススなどのメニューで現在選択されている項目は、他のアイテムと視覚的に区別されます。例の中で関係する部分を、以下で説明します。

- -

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

- -

例 1a: 選択可能なメニュー用の HTML (http://www.oaa-accessibility.org/example/25/ をもとに改作)。

-

可視性の変化

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

-

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

+

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

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

-

例 2a: ツールチップ用の HTML (http://www.oaa-accessibility.org/example/39/ をもとに改作)。

+

例 2a: ツールチップ用の HTML

<div class="text">
     <label id="tp1-label" for="first">First Name:</label>
@@ -123,7 +115,7 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and
 
 
このマークアップ用の CSS を例 2b で示します。ここでは独自のクラス名を使用せず、1 行目で aria-hidden 属性の状態のみを使用していることに注意してください。

 
-
例 2b: 状態を示すための、属性セレクタ (http://www.oaa-accessibility.org/example/39/ より)。

+
例 2b: 状態を示すための、属性セレクタ

 
 
div.tooltip[aria-hidden="true"] {
   display: none;
@@ -132,7 +124,7 @@ translation_of: Web/Accessibility/An_overview_of_accessible_web_applications_and
 
 
>aria-hidden プロパティを更新するための JavaScript は、例 2c で示す形式になっています。このスクリプトは >aria-hidden 属性しか更新しないことに注意してください (2 行目)。独自のクラス名の追加や削除は不要です。

 
-
例 2c: aria-hidden 属性を更新する JavaScript (http://www.oaa-accessibility.org/example/39/ に基づく)。

+
例 2c: aria-hidden 属性を更新する JavaScript

 
 
var showTip = function(el) {
   el.setAttribute('aria-hidden', 'false');
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 82207358d0..192b9a498b 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
@@ -104,13 +104,6 @@ document.getElementById("formInstruction").setAttribute("role", "alert");

 
// removing the 'hidden' class makes the element visible, which will make the screen reader announce the alert:
 document.getElementById("expirationWarning").className = ""; 

 
-
実施例:

-
-
-
 
注記 

 
 
    
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 03c6496c1f..3730efb1f7 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
@@ -52,12 +52,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientatio
 </a>
 

 
-
動作する例

-
-
-
 
注

 
 
ARIA ロールで使用

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 1f69f16e2f..55b961e20d 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
@@ -42,10 +42,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_a
  </form>
-

動作する例

- -

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

-

注

ARIA ロールで使用

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 131a8b50cd..18cff00666 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 @@ -33,14 +33,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_a 
<div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10">
-

動作する例

- - -

注 

ARIA ロールで使用

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 96a4857b74..b73802eb9c 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 @@ -29,14 +29,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_a 
<div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10">
-

動作する例

- - -

注

ARIA ロールで使用

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 94ec9f7f50..e53607131c 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 @@ -33,14 +33,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_a 
<div role="slider" aria-valuenow="4" aria-valuemin="1" aria-valuemax="10">
-

動作する例

- - -

注 

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 dbe13c701e..1ab569de6c 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 @@ -98,12 +98,6 @@ 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 f1a4dc9646..65ce604cd9 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 @@ -43,8 +43,6 @@ translation_of: Web/Accessibility/ARIA/forms/Basic_form_hints

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

-

例 2. 順不同リストを使用して実装したラジオボタングループ (http://www.oaa-accessibility.org/examplep/radio1/ をもとに改作)

- 
<h3 id="rg1_label">Lunch Options</h3>
 
 <ul class="radiogroup" id="rg1"  role="radiogroup" aria-labelledby="rg1_label">
diff --git a/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html b/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html
index 72a23044f3..d6c3556643 100644
--- a/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html
+++ b/files/ja/web/accessibility/keyboard-navigable_javascript_widgets/index.html
@@ -136,7 +136,7 @@ translation_of: Web/Accessibility/Keyboard-navigable_JavaScript_widgets
 
 
このテクニックでは、単一のイベントハンドラをコンテナウィジェットにバインドし、aria-activedescendant を使用して「仮想」フォーカスを追跡します。 （ARIA に関する詳細は、アクセス可能なウェブアプリケーションとウィジェットの概要を参照してください。）

 
-
aria-activedescendant プロパティは、現在仮想フォーカスを持っている子孫要素の ID を識別します。 コンテナのイベントハンドラーは、aria-activedescendant の値を更新し、（例えば、境界線や背景色で）現在の項目が適切にスタイル設定されていることを確実にすることで、キーイベントおよびマウスイベントに応答する必要があります。 これがどのように機能するかの直接的な説明については、この ARIA ラジオグループの例のソースコードを参照してください。

+
aria-activedescendant プロパティは、現在仮想フォーカスを持っている子孫要素の ID を識別します。 コンテナのイベントハンドラーは、aria-activedescendant の値を更新し、（例えば、境界線や背景色で）現在の項目が適切にスタイル設定されていることを確実にすることで、キーイベントおよびマウスイベントに応答する必要があります。

 
 
一般的なガイドライン

 
-- 
cgit v1.2.3-54-g00ecf