diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-23 15:56:25 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-23 15:56:25 +0100 |
commit | 05b2650717b84d199f6ebd5df8a8f9d1e3b23f3f (patch) | |
tree | 3a996b21e1eb1ed852ab792b9752648783a87a75 /files/ja/conflicting | |
parent | 10701ffef1cb57f06970990b9b7086ea7f24a019 (diff) | |
download | translated-content-05b2650717b84d199f6ebd5df8a8f9d1e3b23f3f.tar.gz translated-content-05b2650717b84d199f6ebd5df8a8f9d1e3b23f3f.tar.bz2 translated-content-05b2650717b84d199f6ebd5df8a8f9d1e3b23f3f.zip |
sync: move
Diffstat (limited to 'files/ja/conflicting')
-rw-r--r-- | files/ja/conflicting/web/accessibility/aria/widgets/index.html | 72 | ||||
-rw-r--r-- | files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html | 69 |
2 files changed, 141 insertions, 0 deletions
diff --git a/files/ja/conflicting/web/accessibility/aria/widgets/index.html b/files/ja/conflicting/web/accessibility/aria/widgets/index.html new file mode 100644 index 0000000000..c49401a24b --- /dev/null +++ b/files/ja/conflicting/web/accessibility/aria/widgets/index.html @@ -0,0 +1,72 @@ +--- +title: 概観 +slug: Web/Accessibility/ARIA/widgets/overview +tags: + - Accessibility + - JavaScript + - Landing + - NeedsUpdate +translation_of: Web/Accessibility/ARIA/widgets/overview +--- +<div class="warning">Warning: needs updating</div> + +<h2 id="Introduction_2" name="Introduction_2"><span class="mw-headline" id="Introduction">入門</span></h2> + +<p>ここでは、動作する例とアクセシブルなJavaScript ウィジェットを作るベストプラクティスを見ていきます。</p> + +<h2 id="General_Resources_2" name="General_Resources_2"><span class="mw-headline" id="General_Resources">一般リソース</span></h2> + +<ul> + <li><a class="external text" href="http://dev.aol.com/dhtml_style_guide" rel="nofollow">DHTML Style Guide</a> にはキーボードインタラクションのお勧めがあります。</li> + <li><a class="external text" href="http://www.w3.org/wai/pf/aria-practices" rel="nofollow">WAI-ARIA Authoring Practices Guide</a></li> +</ul> + +<h2 id="Checkbox" name="Checkbox">チェックボックス</h2> + +<ul> + <li><a class="external text" href="http://www.paciellogroup.com/blog/?p=53" rel="nofollow">ARIA Toggle Button and Tri-state Checkbox examples</a> (from "The Paciello Group Blog")</li> + <li><a class="external text" href="http://test.cita.uiuc.edu/aria/checkbox" rel="nofollow">ARIA Example Checkbox Widgets from the University of Illinois</a></li> +</ul> + +<h2 id="Menu_2" name="Menu_2"><span class="mw-headline" id="Menu">メニュー</span></h2> + +<ul> + <li><a class="external text" href="http://yuiblog.com/blog/2007/12/21/menu-waiaria/" rel="nofollow">Using WAI-ARIA Roles and States with the YUI Menu Control</a></li> +</ul> + +<h2 id="Slider_2" name="Slider_2"><span class="mw-headline" id="Slider">スライダー</span></h2> + +<ul> + <li>From the Paciello Group Blog: ARIA Slider, <a class="external text" href="http://www.paciellogroup.com/blog/?p=68" rel="nofollow">part one</a>, <a class="external text" href="http://www.paciellogroup.com/blog/?p=69" rel="nofollow">part two</a>, <a class="external text" href="http://www.paciellogroup.com/blog/?p=76" rel="nofollow">part threet</a> (<a class="external text" href="http://www.paciellogroup.com/blog/misc/ARIA/slider/" rel="nofollow">example</a>)</li> + <li><a class="external text" href="http://mindtrove.info/articles/creating-an-accessible-internationalized-dojo-rating-widget/" rel="nofollow">Creating an Accessible, Internationalized Dojo Rating Widget</a></li> +</ul> + +<h2 id="Tabs_2" name="Tabs_2"><span class="mw-headline" id="Tabs">タブ</span></h2> + +<ul> + <li><a class="external text" href="http://yuiblog.com/blog/2008/07/30/tabview-aria/" rel="nofollow">Enhancing TabView Accessibility with WAI-ARIA Roles and States</a>, from the YUI blog</li> + <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/tabs" rel="nofollow">Enhancing the jQuery UI Tabs accordingly to WCAG 2.0 and ARIA</a></li> + <li><a class="external text" href="http://codetalks.org/source/widgets/tabpanel/tabpanel1.html" rel="nofollow">Tab panel example here on CodeTalks</a></li> +</ul> + +<h2 id="Lightbox_2" name="Lightbox_2"><span class="mw-headline" id="Lightbox">ライトボックス</span></h2> + +<ul> + <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/lightbox" rel="nofollow">WCAG 2.0 and ARIA-</a><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/table" rel="nofollow">conformant</a><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/lightbox" rel="nofollow"> lightbox application</a></li> + <li><a class="external free" href="http://majx-js.digissime.net/js/popin/" rel="nofollow">http://majx-js.digissime.net/js/popin/</a></li> +</ul> + +<h2 id="Form_Validation_2" name="Form_Validation_2"><span class="mw-headline" id="Form_Validation">フォーム検証</span></h2> + +<ul> + <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/formular" rel="nofollow">WCAG 2.0 and ARIA-conformant live form validation</a></li> +</ul> + +<h2 id="Tables" name="Tables"><span class="mw-headline" id="Table">表</span></h2> + +<ul> + <li><a class="external text" href="http://www.einfach-fuer-alle.de/artikel/barrierefreie-formulare-mit-html-css-und-javascript/" rel="nofollow">German tutorial on creating an accessible form</a></li> + <li><a class="external text" href="http://codetalks.org/source/widgets/grid/grid.sample.html" rel="nofollow">Simple grid example at CodeTalks</a></li> + <li><a class="external text" href="http://codetalks.org/source/widgets/datepicker/datepicker.sample.html" rel="nofollow">Date picker grid at CodeTalks</a></li> + <li><a class="external text" href="http://wiki.github.com/fnagel/jQuery-Accessible-RIA/table" rel="nofollow">WCAG 2.0 and ARIA-conformant sortable tables</a></li> +</ul> diff --git a/files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html b/files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html new file mode 100644 index 0000000000..2115525343 --- /dev/null +++ b/files/ja/conflicting/web/api/element_861159909c20acebf8e506c3bb0e2f7e/index.html @@ -0,0 +1,69 @@ +--- +title: NonDocumentTypeChildNode +slug: Web/API/NonDocumentTypeChildNode +tags: + - API + - DOM + - Interface + - NonDocumentTypeChildNode + - Reference +translation_of: Web/API/NonDocumentTypeChildNode +--- +<div>{{APIRef("DOM")}}</div> + +<p><code><strong>NonDocumentTypeChildNode</strong></code> インターフェイスは親を持つ {{domxref("Node")}} オブジェクトに固有な、{{domxref("DocumentType")}} に適していないメソッドを含みます。</p> + +<p><code>NonDocumentTypeChildNode</code> は純粋なインターフェースで、この型のオブジェクトを作ることはできません。 {{domxref("Element")}}、{{domxref("CharacterData")}} オブジェクトで実装されています。</p> + +<h2 id="Properties" name="Properties">プロパティ</h2> + +<p><em>継承されたプロパティはありません。</em></p> + +<dl> + <dt>{{domxref("NonDocumentTypeChildNode.previousElementSibling")}} {{readonlyInline}}</dt> + <dd>このノードの親ノードの子リスト内にある、このノードの直前にある {{domxref("Element")}} を返します。リスト内でこのノードの前に {{domxref("Element")}} がない場合は <code>null</code> を返します。</dd> + <dt>{{domxref("NonDocumentTypeChildNode.nextElementSibling")}} {{readonlyInline}}</dt> + <dd>このノードの親ノードの子リスト内にある、このノードの直後にある {{domxref("Element")}} を返します。リスト内でこのノードの後に {{domxref("Element")}} がない場合は <code>null</code> を返します。</dd> +</dl> + +<h2 id="Methods" name="Methods">メソッド</h2> + +<p><em>継承、および実装されたメソッドはありません。</em></p> + +<h2 id="Specifications" name="Specifications">仕様</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">仕様書</th> + <th scope="col">策定状況</th> + <th scope="col">コメント</th> + </tr> + <tr> + <td>{{SpecName('DOM WHATWG', '#interface-nondocumenttypechildnode', 'NonDocumentTypeChildNode')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td><code>ElementTraversal</code> インタフェースを{{domxref("ParentNode")}}、{{domxref("ChildNode")}}、<code>NonDocumentTypeChildNode</code> に分割しました。後者では <code>previousElementSibling</code> と <code>nextElementSibling</code> が定義されるようになりました。<br> + {{domxref("CharacterData")}} と {{domxref("Element")}} は、新しいインタフェースを実装しました。</td> + </tr> + <tr> + <td>{{SpecName('Element Traversal', '#interface-elementTraversal', 'ElementTraversal')}}</td> + <td>{{Spec2('Element Traversal')}}</td> + <td><code>ElementTraversal</code> 基本インターフェースにプロパティの初期定義を追加し、{{domxref("Element")}} で使用できるようにしました。.</td> + </tr> + </tbody> +</table> + +<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2> + +<div class="hidden">このページの互換表は構造化データで生成されました。データに貢献したい方は、<a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックし、プルリクエストを送信してください。</div> + +<p>{{Compat("api.NonDocumentTypeChildNode")}}</p> + +<h2 id="See_also" name="See_also">関連情報</h2> + +<ul> + <li>{{domxref("ParentNode")}} および {{domxref("ChildNode")}} 基本インターフェース</li> + <li> + <div class="syntaxbox">この基本インターフェースを実装したオブジェクト: {{domxref("CharacterData")}}、{{domxref("Element")}}</div> + </li> +</ul> |