File tree Expand file tree Collapse file tree 14 files changed +14
-14
lines changed
Expand file tree Collapse file tree 14 files changed +14
-14
lines changed Load Diff Large diffs are not rendered by default.
Original file line number Diff line number Diff line change 22<!DOCTYPE html
33 >
44< html xmlns ="http://www.w3.org/1999/xhtml " lang ="ja " xml:lang ="ja "> < head > < meta charset ="UTF-8 "/> < title > ARIAの達成方法 | WCAG 2.0 達成方法集
5- </ title > < link rel ="stylesheet " type ="text/css " href ="slicenav.css "/> < link rel ="stylesheet " type ="text/css " href ="https://www.w3.org/StyleSheets/TR/2016/W3C-WG-NOTE.css "/> < link rel ="stylesheet " type ="text/css " href ="additional.css "/> < link rel ="stylesheet " type ="text/css " href ="bytech.css "/> </ head > < body class ="slices "> < div id ="masthead "> < p class ="logo "> < a href ="https://www.w3.org/ "> < img width ="72 " height ="48 " alt ="W3C " src ="https://www.w3.org/StyleSheets/TR/2016/logos/W3C "/> </ a > </ p > < p class ="collectiontitle "> < a href ="Overview.html "> WCAG 2.0 達成方法集</ a > </ p > </ div > < div id ="skipnav "> < p class ="skipnav "> < a href ="#maincontent "> Skip to Content (Press Enter)</ a > </ p > </ div > < a name ="top "> </ a > < div class ="div1 "> < a name ="maincontent "> </ a > < h1 id ="techs "> ARIAの達成方法</ h1 > < p > このウェブページは、「< a href ="Overview.html "> WCAG 2.0達成方法集 : WCAG 2.0の達成方法と失敗例</ a > 」におけるARIAの達成方法を掲載している。ウェブコンテンツ技術特有の達成方法は、「一般（General）」の達成方法に取って代わるものではない。コンテンツ制作者は適合に向けて作業する際には、「一般（General）」の達成方法とウェブコンテンツ技術特有の達成方法の双方を考慮に入れる必要がある。</ p > < p > ウェブコンテンツ技術特有の達成方法は、あらゆる状況で WCAG 2.0 の達成基準と適合要件を満たすコンテンツを作るために使うことができる技術を指しているわけではない。 コンテンツ制作者はその技術の限界に注意を払い、障害のある人にアクセシブルな方法でコンテンツを提供す必要がある。</ p > < p > 達成方法についての情報は、< a href ="intro.html "> WCAG 2.0 達成方法集のイントロダクション</ a > を参照のこと。他のウェブコンテンツ技術の達成方法一覧については、< a href ="Overview.html#contents "> 目次</ a > を参照のこと。</ p > < nav id ="toc "> < h2 > 目次</ h2 >
5+ </ title > < link rel ="stylesheet " type ="text/css " href ="slicenav.css "/> < link rel ="stylesheet " type ="text/css " href ="https://www.w3.org/StyleSheets/TR/2016/W3C-WG-NOTE.css "/> < link rel ="stylesheet " type ="text/css " href ="additional.css "/> < link rel ="stylesheet " type ="text/css " href ="bytech.css "/> </ head > < body class ="slices "> < div id ="masthead "> < p class ="logo "> < a href ="https://www.w3.org/ "> < img width ="72 " height ="48 " alt ="W3C " src ="https://www.w3.org/StyleSheets/TR/2016/logos/W3C "/> </ a > </ p > < p class ="collectiontitle "> < a href ="Overview.html "> WCAG 2.0 達成方法集</ a > </ p > </ div > < div id ="skipnav "> < p class ="skipnav "> < a href ="#maincontent "> Skip to Content (Press Enter)</ a > </ p > </ div > < a name ="top "> </ a > < div class ="div1 "> < a name ="maincontent "> </ a > < h1 id ="techs "> ARIAの達成方法</ h1 > < p > このウェブページは、「< a href ="Overview.html "> WCAG 2.0達成方法集 : WCAG 2.0の達成方法と失敗例</ a > 」におけるARIAの達成方法を掲載している。ウェブコンテンツ技術特有の達成方法は、「一般（General）」の達成方法に取って代わるものではない。コンテンツ制作者は適合に向けて作業する際には、「一般（General）」の達成方法とウェブコンテンツ技術特有の達成方法の双方を考慮に入れる必要がある。</ p > < p > ウェブコンテンツ技術特有の達成方法は、あらゆる状況で WCAG 2.0 の達成基準と適合要件を満たすコンテンツを作るために使うことができる技術を指しているわけではない。 コンテンツ制作者はその技術の限界に注意を払い、障害のある人にアクセシブルな方法でコンテンツを提供す必要がある。</ p > < p > 達成方法についての情報は、< a href ="intro.html "> WCAG 2.0 達成方法集のイントロダクション</ a > を参照のこと。他のウェブコンテンツ技術の達成方法一覧については、< a href ="Overview.html#contents "> 目次</ a > を参照のこと。</ p > < hr /> < nav id ="toc "> < h2 > 目次</ h2 >
66< ul class ="toc "> < li > < a href ="http://waic.jp/docs/WCAG-TECHS/#abstract "> 概要 </ a > </ li > < li > < a href ="http://waic.jp/docs/WCAG-TECHS/#status "> この文書のステータス</ a > </ li > < li > < a href ="#wai-aria_notes "> WAI-ARIA技術ノート</ a > </ li > < li > < a href ="#ARIA1 "> ARIA1: ユーザインターフェース コントロールに対する説明ラベルを提供するために、aria-describedby プロパティを使用する</ a > </ li > < li > < a href ="#ARIA2 "> ARIA2: aria-requiredプロパティによって必須項目を特定する</ a > </ li > < li > < a href ="#ARIA4 "> ARIA4: ユーザインターフェース コンポーネントの役割（role）を明らかにするために、WAI-ARIA ロールを使用する</ a > </ li > < li > < a href ="#ARIA5 "> ARIA5: ユーザインターフェース コンポーネントの状態（state）を明らかにするために、WAI-ARIA ステート及びプロパティ属性を使用する</ a > </ li > < li > < a href ="#ARIA6 "> ARIA6: オブジェクトのラベルを提供するために aria-label を使用する</ a > </ li > < li > < a href ="#ARIA7 "> ARIA7: リンクの目的を示すために aria-labelledby を使用する</ a > </ li > < li > < a href ="#ARIA8 "> ARIA8: リンクの目的を示すために aria-label を使用する</ a > </ li > < li > < a href ="#ARIA9 "> ARIA9: 複数の語句をつなげて一つのラベルにするために、aria-labelledby を使用する</ a > </ li > < li > < a href ="#ARIA10 "> ARIA10: 非テキストコンテンツに対して代替テキストを提供するために、aria-labelledby を使用する</ a > </ li > < li > < a href ="#ARIA11 "> ARIA11: ページの領域を特定するために ARIA ランドマークを使用する</ a > </ li > < li > < a href ="#ARIA12 "> ARIA12: 見出しを特定するために role=heading を使用する</ a > </ li > < li > < a href ="#ARIA13 "> ARIA13: 領域とランドマークに名前（name）を付けるために、aria-labelledby を使用する</ a > </ li > < li > < a href ="#ARIA14 "> ARIA14: 可視ラベルが使用できない場合に不可視ラベルを提供するために、aria-label を使用する</ a > </ li > < li > < a href ="#ARIA15 "> ARIA15: 画像の説明を提供するために aria-describedby を使用する</ a > </ li > < li > < a href ="#ARIA16 "> ARIA16: ユーザインターフェース コントロールの名前（name）を提供するために、aria-labelledby を使用する</ a > </ li > < li > < a href ="#ARIA17 "> ARIA17: 関連するフォームコントロールを特定するために、グループ化するロールを使用する</ a > </ li > < li > < a href ="#ARIA18 "> ARIA18: エラーを特定するために aria-alertdialog を使用する</ a > </ li > < li > < a href ="#ARIA19 "> ARIA19: エラーを特定するために、ARIA role=alert 又はライブ領域（Live Regions）を使用する</ a > </ li > < li > < a href ="#ARIA20 "> ARIA20: ページの領域を特定するために region ロールを使用する</ a > </ li > < li > < a href ="#ARIA21 "> ARIA21: エラー項目を示すために aria-invalid を使用する</ a > </ li > </ ul > </ nav > < hr /> < div class ="body "> < div class ="div1 ">
77 < div class ="div2 "> < h3 > < a name ="wai-aria_notes " id ="wai-aria_notes "> </ a > WAI-ARIA技術ノート</ h3 > < p > WAI-ARIAは、アクセシビリティを向上させるために、ウェブページやリッチインターネットウィジェットに次のセマンティック情報を追加するオプションをウェブ開発者に提供する。その結果、そのセマンティック情報はブラウザに公開される。</ p > < ul > < li > < p > "menu"、"treeitem"、"slider"、"progressbar"のような、提示されたウィジェットの種類を記述するためのロール。</ p > </ li > < li > < p > 見出し、領域、検索領域及びナビゲーション領域のような、ウェブページの構造を記述するためのロール。</ p > </ li > < li > < p > チェックボックスのための"checked"、サブメニューやその他のポップアップを描画するメニューのための"haspopup"、及びツリーノードのための"expanded/collapsed"のような、ステート・ウィジェットを記述するためのプロパティ。</ p > </ li > < li > < p > （たとえば株価情報のように）情報が更新される予定があるページの< a href ="http://www.w3.org/TR/wai-aria/states_and_properties#attrs_liveregions "> ライブ領域</ a > を定義するとともに、更新時の割込みポリシーを定義するためのプロパティ。支援技術は、重要な更新情報がレンダリングされたならすぐに提示してもよい。しかし、付随的な更新情報は、現在のタスクを完了した後のみに提示される。たとえば、スクリーンリーダーは、現在の段落を読み終えた後にのみ付随的な更新情報を利用者に通知する。</ p > </ li > < li > < p > ドラッグソース及びドロップターゲットを記述するドラッグアンドドロップのプロパティ。</ p > </ li > < li > < p > リッチインターネットウィジェットにキーボードナビゲーションを提供するための方法。</ p > </ li > </ ul > < p > これらの機能とDOM構造によって伝えられる構造情報の組み合わせは、著者が支援技術に相互運用可能な解決策を作り出すことを可能にする。(出典: < a href ="http://www.w3.org/WAI/intro/aria "> WAI-ARIA Overview</ a > )</ p > < div class ="div3 "> < h3 > < a name ="wai-aria_ua_support " id ="wai-aria_ua_support "> </ a > WAI-ARIAに対するユーザエージェントのサポート</ h3 > < p > WAI-ARIAに対するユーザエージェントのサポートは変化するが、全般的なWAI-ARIAのサポートは改善している。WAI-ARIAをサポートするブラウザは、プラットフォームのアクセシビリティAPIにWAI-ARIAロール及びプロパティを対応づける。</ p > < ul > < li > < p > Firefox 1.5とFirefox 2.0は部分的にWAI-ARIAをサポートするが、名前空間を使用する必要があり、ライブ領域の使用をサポートしない。</ p > </ li > < li > < p > Firefox 3以降はライブ領域を含む、WAI-ARIAに対するより良いサポートを含む。</ p > </ li > < li > < p > IE8は、部分的にWAI-ARIAをサポートする。</ p > </ li > < li > < p > JAWS 8及びWindow-Eyes 5.5以降は、部分的にWAI-ARIAをサポートする。</ p > </ li > < li > < p > Jaws 10以降はWAI-ARIAをサポートする。</ p > </ li > < li > < p > Firefoxの音声拡張であるFireVoxはまた、直接のDOMアクセスを経由してWAI-ARIAをサポートする。</ p > </ li > < li > < p > NVDAは、部分的にWAI-ARIAをサポートする。</ p > </ li > </ ul > </ div > < div class ="div3 "> < h3 > < a name ="wai-aria_accessibility_support " id ="wai-aria_accessibility_support "> </ a > WAI-ARIAに対するアクセシビリティサポート</ h3 > < p > アクセシビリティ サポーテッドな方法で技術を使用することは、適合性要求のために必要である。詳細は< a href ="http://waic.jp/docs/UNDERSTANDING-WCAG20/appendixB.html#accessibility-support-documenting " class ="understanding-ref "> アクセシビリティサポートについて</ a > を読むこと。WCAGワーキンググループは、Accessible Rich Internet Application仕様がW3C勧告の状態に到達する際に、WAI-ARIA達成方法が十分であるかどうかの見直しをする予定である。WAI-ARIAのステータスに関する最新情報については、< a href ="http://www.w3.org/WAI/intro/aria "> WAI-ARIA Overview</ a > を参照のこと。</ p > </ div > </ div > < div class ="technique "> < hr class ="divider " title ="Beginning of new technique "/> < h2 > < a name ="ARIA1 " id ="ARIA1 "> </ a > ARIA1: ユーザインターフェース コントロールに対する説明ラベルを提供するために、aria-describedby プロパティを使用する</ h2 > < div class ="applicability "> < h3 id ="ARIA1-applicability "> 適用（対象）</ h3 > < div class ="textbody "> < p > < a href ="http://www.w3.org/TR/wai-aria/ "> Accessible Rich Internet Applications (WAI-ARIA)</ a > をサポートするウェブコンテンツ技術。</ p > </ div > </ div > < p class ="referenced "> これは、次の達成基準に関連する達成方法である:</ p > < ul > < li > < a href ="http://waic.jp/docs/WCAG20/Overview.html#content-structure-separation-programmatic ">
88 達成基準 1.3.1 (情報及び関係性)</ a > < ul > < li > < a href ="http://www.w3.org/WAI/WCAG20/quickref/20150226/#content-structure-separation-programmatic ">
You can’t perform that action at this time.
0 commit comments