aboutsummaryrefslogtreecommitdiff
path: root/files/ja/aria/accessible_rich_internet_applications/index.html
blob: df17bbcfbbc7638ce544fda5434dc475d5c28636 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
---
title: Accessible Rich Internet Applications
slug: ARIA/Accessible_Rich_Internet_Applications
tags:
  - AJAX
  - Accessibility
  - DHTML
  - DOM
translation_of: Web/Accessibility/ARIA
translation_of_original: ARIA/Accessible_Rich_Internet_Applications
---
<p> </p>
<p>Accessibility Rich Internet Applications(ARIA) の Firefox による実装は、ツリービューやメニューバー、表計算などのデスクトップスタイルのウィジェットを、キーボードとスクリーンリーダや拡大鏡、代替入力機器などの支援技術から利用可能にします。また、ページ上で一部を AJAX スタイルのライブアップデートを行う際のアクセシビリティの解決策を提供します。</p>
<p>ARIA は、以前は <a href="ja/DHTML">DHTML</a> アクセシビリティとして知られており、<a class="external" href="http://www.w3.org/">W3C - World Wide Web Consortium</a> にて開発中の標準です。すべての文書は <a class="external" href="http://w3.org/wai/pf">Protocols and Formats Working Group 公式ページ</a> で利用可能です。ここには、<a class="external" href="http://www.w3.org/TR/aria-roadmap/">ARIA ロードマップ</a> および <a class="external" href="http://www.w3.org/TR/aria-role/">ARIA roles 仕様</a>, <a class="external" href="http://www.w3.org/TR/aria-state/">states モジュール</a> が含まれます。</p>
<p>Firefox における ARIA のためのソースコードは IBM によって寄贈されています。</p>
<p>また、<a class="external" href="http://developer.mozilla.org/en/docs/ARIA:_Accessible_Rich_Internet_Applications/Relationship_to_HTML_FAQ">ARIA のよくある質問とその答え(FAQ)</a> もご覧ください。</p>
<p><br>
 ARIA の例は Firefox の実装で説明することができます。コミュニティが W3C の Protocols and Formats グループがいくつかの標準化プロセスを経て ARIA 実装へと移行するのを待つ間、今日のウェブサイトはすでに Firefox の ARIA サポートを利用して書かれています。バグ修正と小さな改良は続いており、Firefox における ARIA サポートは進化し続けています。 {{ 英語版章題("Keyboard navigation") }}</p>
<h3 id=".E3.82.AD.E3.83.BC.E3.83.9C.E3.83.BC.E3.83.89.E3.81.AB.E3.82.88.E3.82.8B.E6.93.8D.E4.BD.9C" name=".E3.82.AD.E3.83.BC.E3.83.9C.E3.83.BC.E3.83.89.E3.81.AB.E3.82.88.E3.82.8B.E6.93.8D.E4.BD.9C">キーボードによる操作</h3>
<p>キーボードナビゲーションは二通りの方法でサポートされています:</p>
<ol>
 <li>HTML の <code>tabindex</code> 属性を通して、どの HTML 要素へもタブで移動可能にし、また少なくとも、スクリプトやマウスを通してフォーカスすることができます。タブで移動可能な要素と単にフォーカス可能な要素を区別することによって、コンテナ内の子要素を矢印キーを使って移動できる、ツリービューや表計算のようなコンテナウィジェットを開発することができます。現在、これは Internet Explorer や Firefox, Opera で動作します。Safari では動作しません。キーボードから操作可能な DHTML ウィジェットの tabindex コードの書き方は、<a href="ja/Key-navigable_custom_DHTML_widgets">Practical documentation on building key navigable custom widgets</a> を参照してください。</li>
 <li><code>aria-activedescendant</code> 属性を通して。これを利用すると、とても簡単です。(例えば、list や tree, grid などの) コンテナウィジェット 上に tabindex="0" を置くだけで、ウィジェットがタブの移動順に追加されます。そして、aria-activedescendant="{{ mediawiki.external('id') }}" 属性を持つ、現在フォーカスされたものの子孫にフォーカスが移ります。コンテナウィジェット上の keydown ハンドラは、そのフォーカスが移った子孫に変更され、現在の項目がそれと分かるように (border や background color によって) スタイル付けされます。この方法は、すべてのブラウザで動作させることができます。この動作を直接描いた例は、<a class="external" href="http://www.mozilla.org/access/dhtml/listbox">listbox example</a> のソースコードをご覧ください。</li>
</ol>
<p>{{ 英語版章題("Basic support for assistive technologies") }}</p>
<h3 id=".E6.94.AF.E6.8F.B4.E6.8A.80.E8.A1.93.E3.81.AE.E3.81.9F.E3.82.81.E3.81.AE.E5.9F.BA.E6.9C.AC.E7.9A.84.E3.81.AA.E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88" name=".E6.94.AF.E6.8F.B4.E6.8A.80.E8.A1.93.E3.81.AE.E3.81.9F.E3.82.81.E3.81.AE.E5.9F.BA.E6.9C.AC.E7.9A.84.E3.81.AA.E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88">支援技術のための基本的なサポート</h3>
<p>支援技術のサポートには、<a class="external" href="http://www.mozilla.org/projects/firefox/">Firefox 2 以降</a>と、各ウィジェットを記述するために ARIA マークアップを使用するコンテンツを必要とします。例えば、各ウィジェットの種類を指定するために ARIA role を使用する必要があります。ウィジェットの種類にはメニューやスライダー、プログレスバーなどがあります。各 role は、<code>checked</code> および <code>selected</code>, <code>required</code>, <code>invalid</code>, <code>expanded</code> などの追加の property 属性をサポートします。 {{ 英語版章題("What does the markup look like?") }}</p>
<h3 id=".E3.83.9E.E3.83.BC.E3.82.AF.E3.82.A2.E3.83.83.E3.83.97.E4.BE.8B" name=".E3.83.9E.E3.83.BC.E3.82.AF.E3.82.A2.E3.83.83.E3.83.97.E4.BE.8B">マークアップ例</h3>
<p>ARIA の勧告が変更され、名前空間がマークアップ内で使用されなくなったため、HTML 内で使用できるようになりました。</p>
<p>例えば、checkbox は以下のように指定します: {{ 英語版章題("In HTML (requires Firefox 3)") }}</p>
<h4 id="HTML_.E3.81.A7.E3.81.AF_.28.E8.A6.81_Firefox_3.29" name="HTML_.E3.81.A7.E3.81.AF_.28.E8.A6.81_Firefox_3.29">HTML では (要 Firefox 3)</h4>
<pre>&lt;span tabindex="0" role="checkbox"
      aria-checked="true"
      onkeydown="return checkBoxEvent(event);"
      onclick="return checkBoxEvent(event);"&gt;
  チェックボックスのラベル
&lt;/span&gt;
</pre>
<p>{{ 英語版章題("Historical Namespace approach (no longer supported)") }}</p>
<h4 id=".E4.BC.9D.E7.B5.B1.E7.9A.84.E3.81.AA.E5.90.8D.E5.89.8D.E7.A9.BA.E9.96.93.E3.81.AB.E3.82.88.E3.82.8B.E3.82.A2.E3.83.97.E3.83.AD.E3.83.BC.E3.83.81_.28.E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.BE.E3.81.9B.E3.82.93.29" name=".E4.BC.9D.E7.B5.B1.E7.9A.84.E3.81.AA.E5.90.8D.E5.89.8D.E7.A9.BA.E9.96.93.E3.81.AB.E3.82.88.E3.82.8B.E3.82.A2.E3.83.97.E3.83.AD.E3.83.BC.E3.83.81_.28.E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.BE.E3.81.9B.E3.82.93.29">伝統的な名前空間によるアプローチ (サポートされません)</h4>
<p>これは、歴史に残しておくための名前空間によるアプローチです。この方法は宣言が使用されるため、XHTML が必要です。Firefox 3 ではサポートされません:</p>
<pre>&lt;span tabindex="0" role="wairole:checkbox"
      aaa:checked="true"
      onkeydown="return checkBoxEvent(event);"
      onclick="return checkBoxEvent(event);"&gt;
  チェックボックスのラベル
&lt;/span&gt;
</pre>
<p><br>
 上記の checkbox はカスタム構成です。しかし、支援技術とユーザに関しては通常の checkbox のように動作します。作者が望めば、<a href="ja/CSS">CSS</a> を通してビジュアルな外観にすることができます。以下に各属性の意味を解説します:</p>
<table class="fullwidth-table">
 <tbody>
  <tr>
   <th>属性</th>
   <th>意味</th>
  </tr>
  <tr>
   <td><code>tabindex="0"</code></td>
   <td><code><span class="nowiki">&lt;span&gt;</span></code> ベースのチェックボックスをタブで移動する順番に含め、マウスでクリックしてフォーカスできるようにします。対照的に、<code>tabindex="-1"</code> はスクリプトやマウスクリックから要素をフォーカスできるようにしますが、既定のタブで移動する順番には含まれません。</td>
  </tr>
  <tr>
   <td><code>role="checkbox"</code></td>
   <td>これが checkbox であることを指定します。スクリーンリーダなどの支援技術は、これが checkbox であることを知ることができます。</td>
  </tr>
  <tr>
   <td><code>aria-checked="true"</code></td>
   <td>checkbox はチェックが入っているかどうかをサポートしています。この指定により、checkbox がチェック可能であることを示しています。property は支援技術にも向いています。</td>
  </tr>
  <tr>
   <td><code>onkeydown="return checkBoxEvent(event);"</code></td>
   <td>スペースキーでチェックの切り替えができるようにします。<code>checkBoxEvent()</code> メソッドでこれを実装しています。同様に、(消費された)イベントが伝達され続けるべきではない場合に false を返します。</td>
  </tr>
  <tr>
   <td><code>onclick="return checkBoxEvent(event);"</code></td>
   <td>キーボードハンドラに加えて、これも必要です。checkbox をクリックすると checkbox の値を切り替えます。</td>
  </tr>
 </tbody>
</table>
<p>このマークアップが使用されている例は、<a href="#Sample_widgets">ARIA サンプル</a> をご覧ください。Firefox はこれらのマークアップ role と property を
 <i>
  MSAA - Microsoft Active Accessibility</i><i>
  ATK - Accessibility Toolkit</i>
 (from <a class="external" href="http://developer.gnome.org/projects/gap/">Gnome Accessibility Project</a>) から実装しています。これは、Windows と Linux 上でのアクセシビリティ API 標準です。ウィジェットの情報がアクセシビリティ API 標準を通して公開されているため、支援技術はこれらのウィジェットを用いて、新しいコードなしで多くの互換性を得ることができます。現在、最も完全なスクリーンリーダによるサポートには
 <i>
  <a class="external" href="http://www.gwmicro.com/">Window-Eyes 5.5</a></i>
 が必要です。
 <i>
  <a class="external" href="http://www.aisquared.com/">ZoomText</a></i>
 などのスクリーン拡大鏡もまた、ARIA と互換性があります。</p>
<p>Internet Explorer による role や property のサポートは現在利用できません。Internet Explorer は現在、これらのウィジェットのキーボード操作のみサポートしています。支援技術ベンダーは、Internet Explorer を変更せずに <a href="ja/DOM">DOM</a> と DOM 変更イベントを直接探すことによって、ARIA のセマンティクスをサポートできるようにするべきです。 {{ 英語版章題("Choosing XHTML or HTML") }}</p>
<h3 id="XHTML_.E3.81.A8_HTML_.E3.81.AE.E3.81.A9.E3.81.A1.E3.82.89.E3.82.92.E9.81.B8.E3.81.B6.E3.81.8B" name="XHTML_.E3.81.A8_HTML_.E3.81.AE.E3.81.A9.E3.81.A1.E3.82.89.E3.82.92.E9.81.B8.E3.81.B6.E3.81.8B">XHTML と HTML のどちらを選ぶか</h3>
<p>XHTML と HTML (または SVG と XUL) のどちらを使用するかという問題はなくなりました。Firefox は名前空間なしの新しいマークアップを、他のものと同じ方法で処理します。content type の心配をしなくても、ARIA マークアップ宣言を使用し、それを他のものと同様に動的に設定することができます。初期の ARIA の扱いに比べれば、これは劇的な向上です! {{ 英語版章題("Sample widgets") }}</p>
<h3 id=".E3.82.B5.E3.83.B3.E3.83.97.E3.83.AB.E3.82.A6.E3.82.A3.E3.82.B8.E3.82.A7.E3.83.83.E3.83.88" name=".E3.82.B5.E3.83.B3.E3.83.97.E3.83.AB.E3.82.A6.E3.82.A3.E3.82.B8.E3.82.A7.E3.83.83.E3.83.88">サンプルウィジェット</h3>
<p>{{ 英語版章題("Testing with keyboard and mouse navigation") }}</p>
<h4 id=".E3.82.AD.E3.83.BC.E3.83.9C.E3.83.BC.E3.83.89.E3.81.A8.E3.83.9E.E3.82.A6.E3.82.B9.E3.81.AB.E3.82.88.E3.82.8B.E6.93.8D.E4.BD.9C.E3.82.92.E3.83.86.E3.82.B9.E3.83.88.E3.81.99.E3.82.8B" name=".E3.82.AD.E3.83.BC.E3.83.9C.E3.83.BC.E3.83.89.E3.81.A8.E3.83.9E.E3.82.A6.E3.82.B9.E3.81.AB.E3.82.88.E3.82.8B.E6.93.8D.E4.BD.9C.E3.82.92.E3.83.86.E3.82.B9.E3.83.88.E3.81.99.E3.82.8B">キーボードとマウスによる操作をテストする</h4>
<p>キーボードまたはマウスによる操作は、Internet Explorer と Firefox のどちらでも可能です。サンプルの HTML バージョンのみが Internet Explorer 上でテストし、動作するように作られているので注意してください。サンプルの XHTML バージョンはそうではありません。 {{ 英語版章題("Testing with Firefox Accessibility Extension") }}</p>
<h4 id="Firefox_.E3.81.AE.E3.82.A2.E3.82.AF.E3.82.BB.E3.82.B7.E3.83.93.E3.83.AA.E3.83.86.E3.82.A3.E6.8B.A1.E5.BC.B5.E3.81.A7.E3.83.86.E3.82.B9.E3.83.88.E3.81.99.E3.82.8B" name="Firefox_.E3.81.AE.E3.82.A2.E3.82.AF.E3.82.BB.E3.82.B7.E3.83.93.E3.83.AA.E3.83.86.E3.82.A3.E6.8B.A1.E5.BC.B5.E3.81.A7.E3.83.86.E3.82.B9.E3.83.88.E3.81.99.E3.82.8B">Firefox のアクセシビリティ拡張でテストする</h4>
<p><a class="external" href="http://firefox.cita.uiuc.edu/index.php">Firefox Accessibility Extension</a> は ARIA role のアクセシビリティをテストする機能を持っています。 {{ 英語版章題("Testing with screen readers") }}</p>
<h4 id=".E3.82.B9.E3.82.AF.E3.83.AA.E3.83.BC.E3.83.B3.E3.83.AA.E3.83.BC.E3.83.80.E3.81.A7.E3.83.86.E3.82.B9.E3.83.88.E3.81.99.E3.82.8B" name=".E3.82.B9.E3.82.AF.E3.83.AA.E3.83.BC.E3.83.B3.E3.83.AA.E3.83.BC.E3.83.80.E3.81.A7.E3.83.86.E3.82.B9.E3.83.88.E3.81.99.E3.82.8B">スクリーンリーダでテストする</h4>
<p>スクリーンリーダのサポートは Firefox 1.5 以降でのみ利用可能です。以下のコンポーネントをインストールする必要があります:</p>
<ol>
 <li>Firefox: <a class="external" href="http://www.mozilla.com/firefox/">Firefox</a> からダウンロードしてインストールしてください。</li>
 <li>スクリーンリーダ: スクリーンリーダでテストするには <a class="external" href="http://www.gwmicro.com/">Window-Eyes</a> 5.5 以降が必要です。加えて、JAWS 7.x が ARIA の一部をサポートしています。また、Orca 2.20 以降が Firefox 3.0 のほとんどの ARIA ウィジェット型をサポートしています。</li>
</ol>
<p>{{ 英語版章題("Where can I find samples?") }}</p>
<h4 id=".E3.82.B5.E3.83.B3.E3.83.97.E3.83.AB.E3.81.AF.E3.81.A9.E3.81.93.E3.81.AB.E3.81.82.E3.82.8A.E3.81.BE.E3.81.99.E3.81.8B.3F" name=".E3.82.B5.E3.83.B3.E3.83.97.E3.83.AB.E3.81.AF.E3.81.A9.E3.81.93.E3.81.AB.E3.81.82.E3.82.8A.E3.81.BE.E3.81.99.E3.81.8B.3F">サンプルはどこにありますか?</h4>
<p>注意: 以下の例は、次のセクションの role/property にもあります。 {{ 英語版章題("Dojo Toolkit") }}</p>
<h5 id="Dojo_Toolkit" name="Dojo_Toolkit">Dojo Toolkit</h5>
<p><a class="external" href="http://www.dojotoolkit.org/">Dojo 1.0 widget toolkit</a> のすべての <a class="external" href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/">Dijit ウィジェット</a>コアは ARIA をサポートしています。スクリーンリーダをサポートする Dojo の例は、Firefox 2 または Firefox 3 で開かなくてはなりません。 {{ 英語版章題("University of Illinois") }}</p>
<h5 id=".E3.82.A4.E3.83.AA.E3.83.8E.E3.82.A4.E5.A4.A7.E5.AD.A6" name=".E3.82.A4.E3.83.AA.E3.83.8E.E3.82.A4.E5.A4.A7.E5.AD.A6">イリノイ大学</h5>
<p><a class="external" href="http://test.cita.uiuc.edu/aria/">イリノイ大学の ARIA テストスイート</a>は、スクリーンリーダのサポートに Firefox 3 が必要です。 {{ 英語版章題("Mozilla bare bones examples") }}</p>
<h5 id="Mozilla_.E3.83.99.E3.82.A2.E3.83.9C.E3.83.BC.E3.83.B3.E3.81.AE.E4.BE.8B" name="Mozilla_.E3.83.99.E3.82.A2.E3.83.9C.E3.83.BC.E3.83.B3.E3.81.AE.E4.BE.8B">Mozilla ベアボーンの例</h5>
<p>Mozilla.org の ARIA テストページは、ここから学ぶためのいくつかの例を提供しています。スクリーンリーダのサポートは Firefox 3 が必要です:</p>
<ol>
 <li><a class="external" href="http://www.mozilla.org/access/dhtml/checkbox">Checkbox</a>, <a class="external" href="http://www.mozilla.org/access/dhtml/button">説明つき Button</a></li>
 <li><a class="external" href="http://www.mozilla.org/access/dhtml/pretty-slider.htm">グラフィカルな slider</a>, <a class="external" href="http://www.mozilla.org/access/dhtml/simple-slider">簡単な slider</a>, <a class="external" href="http://www.mozilla.org/access/dhtml/progressbar">Progress bar</a></li>
 <li><a class="external" href="http://www.mozilla.org/access/dhtml/alert">Alert</a></li>
 <li><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">menubar 付きの Grid (spreadsheet)</a></li>
 <li><a class="external" href="http://www.mozilla.org/access/dhtml/tabpanel">タブパネル</a></li>
 <li><a class="external" href="http://www.mozilla.org/access/dhtml/tabpanel">Listbox</a></li>
 <li><a class="external" href="http://www.mozilla.org/access/dhtml/tree">Tree ビュー</a>, <a class="external" href="http://www.weba11y.com/AjaxDemo/sample.html">Tree ビュー #2</a></li>
</ol>
<p>{{ 英語版章題("CLC World: live region examples") }}</p>
<h5 id="CLC_World:_live_region_.E3.81.AE.E4.BE.8B" name="CLC_World:_live_region_.E3.81.AE.E4.BE.8B">CLC World: live region の例</h5>
<p>現在の <a class="external" href="http://accessibleajax.clcworld.net/">live region の例</a> は Fire Vox 内で動作します。Fire Vox スクリーンリーダ拡張の実行は、Firefox のどのバージョンを使用しても問題ありません。 {{ 英語版章題("Supported roles") }}</p>
<h3 id=".E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.A6.E3.81.84.E3.82.8B_role" name=".E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.A6.E3.81.84.E3.82.8B_role">サポートされている role</h3>
<p>ここには、Firefox に対応した使用例のある role と 各 role に対応する property の表があります。一部の property は "universal properties" であり、すべての要素上で動作することに注意してください。詳しくは、対応する property のセクションをご覧ください。</p>
<p>他の方法で指示されていない限り、property はブーリアン値で <code>true</code> または <code>false</code> に対応します。ブーリアン値である場合は、値が設定されていない属性には <code>false</code> が設定されます。</p>
<p>ただし、<code>checked</code> および <code>selected</code>, <code>expanded</code> 属性は特別です。属性に <code>false</code> が提供されている場合は、ウィジェットが checkable/selectable/expandable であると指示され、<code>false</code> が無いものとは異なります。</p>
<p>また私たちは、<a href="ja/ARIA_to_API_mapping">これらの情報を Firefox がどのように Windows(MSAA) や Linux(ATK) 上のアクセシビリティ API を通して公開しているか</a>、技術の詳細を提供しています。</p>
<table class="fullwidth-table">
 <tbody>
  <tr>
   <th>Role</th>
   <th>サポートされている作者が定義した property †</th>
   <th>自動的にサポートされる property</th>
   <th>使用例</th>
   <th>Firefox 1.5 対応</th>
   <th>Firefox 2 対応</th>
   <th><a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/">Firefox 3</a> テストビルド対応</th>
  </tr>
  <tr>
   <td><code>alert</code></td>
   <td> </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/alert">Mozilla.org alert</a>,</td>
   <td colspan="3">Window-Eyes 5.5 以降、ZoomText 9.1 以降、JAWS 7.1 以降</td>
  </tr>
  <tr>
   <td><code>alertdialog</code></td>
   <td> </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td> </td>
   <td>なし</td>
   <td>Window-Eyes 5.5 以降、ZoomText 9.1 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、ZoomText 9.1 以降、JAWS 7.1 以降</td>
  </tr>
  <tr>
   <td><code>application</code></td>
   <td> </td>
   <td> </td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org Grid (spreadsheet) と menubar</a></td>
   <td colspan="2">Window-Eyes 5.5 以降</td>
   <td>Window-Eyes 5.5 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>button</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>pressed</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.weba11y.com/Examples/button.html">Weba11y button</a> <a class="external" href="http://www.mozilla.org/access/dhtml/button">説明付きの Mozilla.org button</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/button">UIUC button</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 8.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 8.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>checkbox</code></td>
   <td>
    <ul>
     <li><code>checked</code></li>
     <li><code>disabled</code></li>
     <li><code>readonly</code></li>
     <li><code>required</code></li>
     <li><code>invalid</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/checkbox">Mozilla.org checkbox</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/checkbox">UIUC checkbox</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>columnheader</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>selected=true|false</code> (<code>selected</code> 属性が無いときは選択できない状態を指示)</li>
     <li><code>readonly</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org grid (spreadsheet) と menubar</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>combobox</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>readonly</code></li>
     <li><code>expanded</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/combo">Mozilla.org combo box</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>description</code></td>
   <td> </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/button">Mozilla.org button</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.0 以降<br>
    要素上では、その要素のための記述と共に <code>aria-describedby</code> を使用する必要があります。</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>dialog</code></td>
   <td> </td>
   <td> </td>
   <td><a class="external" href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/test_Dialog.html">Dojo dialog</a></td>
   <td colspan="2"> </td>
   <td>Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>directory</code></td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td colspan="3">公開されているが、対応する特別な支援技術は無い</td>
  </tr>
  <tr>
   <td><code>document</code></td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td colspan="3">Window-Eyes 5.5 以降</td>
  </tr>
  <tr>
   <td><code>grid</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>readonly</code></li>
     <li><code>multiselectable</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org grid (spreadsheet) と menubar</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/grid">UIUC grid</a></td>
   <td>
    <ul>
     <li>Window-Eyes 5.5 以降は完全対応</li>
     <li>JAWS 7.1 以降は一部対応(JAWS は row/column ヘッダを読まないため)</li>
     <li>まだ公開されていなかったため、Firefox 1.5 では <code>multiselectable</code> に未対応。</li>
    </ul>
   </td>
   <td>
    <ul>
     <li>Window-Eyes 5.5 以降は完全対応</li>
     <li>JAWS 7.1 以降は一部対応(row/column ヘッダを読まないため)</li>
     <li><code>multiselectable</code> に対応している場合、検証データをテストする必要あり</li>
    </ul>
   </td>
   <td>
    <ul>
     <li>Window-Eyes 5.5 以降は完全対応</li>
     <li>Orca 2.20 以降は完全対応</li>
     <li>JAWS 7.1 以降は一部対応(row/column ヘッダを読まないため)</li>
     <li><code>multiselectable</code> に対応している場合、検証データをテストする必要あり</li>
    </ul>
   </td>
  </tr>
  <tr>
   <td><code>gridcell</code></td>
   <td>
    <ul>
     <li><code>disabled</code><code>selected=true|false</code> (<code>selected</code> 属性が無いときは選択できないない状態を指示)</li>
     <li><code>readonly</code></li>
     <li><code>invalid</code></li>
     <li><code>required</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org grid (spreadsheet) と menubar</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/grid">UIUC grid</a></td>
   <td colspan="2">
    <ul>
     <li>Window-Eyes 5.5 以降は完全対応</li>
     <li>JAWS 7.1 以降は一部対応(各セルに関連する row ヘッダまたは column ヘッダセルを読まないため)</li>
    </ul>
   </td>
   <td>
    <ul>
     <li>Window-Eyes 5.5 以降は完全対応</li>
     <li>JAWS 7.1 以降は一部対応(各セルに関連する row ヘッダまたは column ヘッダセルを読まないため)</li>
     <li>Orca 2.20 以降</li>
    </ul>
   </td>
  </tr>
  <tr>
   <td><code>group</code></td>
   <td> </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://test.cita.uiuc.edu/aria/tree">UIUC tree</a>, <a class="external" href="http://www.mozilla.org/access/dhtml/progressbar">Mozilla.org progress bar</a></td>
   <td colspan="2">Window-eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>img</code></td>
   <td> </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/imagetiled">Mozilla.org 並べられた image</a></td>
   <td>未対応</td>
   <td>未対応</td>
   <td>Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>label</code></td>
   <td> </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td> </td>
   <td colspan="3">Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
  </tr>
  <tr>
   <td><code>link</code></td>
   <td> </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前、<code>linked</code>(常に true)</td>
   <td><code>disabled</code></td>
   <td>名前の処理が不正確</td>
   <td>名前の処理が不正確</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
  </tr>
  <tr>
   <td><code>list</code></td>
   <td>
    <ul>
     <li><code>readonly</code></li>
     <li><code>multiselectable</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td> </td>
   <td colspan="3">Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
  </tr>
  <tr>
   <td><code>listbox</code></td>
   <td>
    <ul>
     <li><code>disabled</code><code>readonly</code></li>
     <li><code>multiselectable</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/listbox">Mozilla.org listbox</a></td>
   <td>なし</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>listitem</code></td>
   <td>
    <ul>
     <li><code>disabled</code><code>selected=true|false</code> (<code>selected</code> 属性が無いときは選択できない状態を指示)</li>
     <li><code>checked=true|false</code> (<code>checked</code> 属性が無いときは <code>checkable</code> ではない状態を指示)</li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td> </td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>log</code> (チャットログ、ゲームログ、エラーログなど。デフォルトで実況)</td>
   <td> </td>
   <td> </td>
   <td><a class="external" href="http://accessibleajax.clcworld.net/ajax_chat/chat.htm">AJAX チャット</a></td>
   <td colspan="3">公開されているが、現在は対応する特別な支援技術は無い</td>
  </tr>
  <tr>
   <td><code>menu</code></td>
   <td><code>disabled</code></td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org grid (spreadsheet) と menubar</a></td>
   <td colspan="2">Window-eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>menubar</code></td>
   <td><code>disabled</code></td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org grid (spreadsheet) と menubar</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/menubar">UIUC menubar</a></td>
   <td colspan="2">Window-eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>menuitem</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>checked=true|false|mixed</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org grid (spreadsheet) と menubar</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/menubar">UIUC menubar</a></td>
   <td>Window-Eyes 5.5, JAWS 7.1 以降 (<code>checked=mixed</code> には未対応)</td>
   <td>Window-Eyes 5.5, JAWS 7.1 以降 (<code>checked=mixed</code> に対応している場合、検証データをテストする必要あり)</td>
   <td>Window-Eyes 5.5, Orca 2.20 以降、JAWS 7.1 以降 (<code>checked=mixed</code> に対応している場合、検証データをテストする必要あり)</td>
  </tr>
  <tr>
   <td><code>menuitemcheckbox</code></td>
   <td>
    <ul>
     <li><code>checked</code></li>
     <li><code>disabled</code></li>
    </ul>
   </td>
   <td><code>checkable</code>, 子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td> </td>
   <td>なし</td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
  </tr>
  <tr>
   <td><code>menuitemradio</code></td>
   <td>
    <ul>
     <li><code>checked</code></li>
     <li><code>disabled</code></li>
    </ul>
   </td>
   <td><code>checkable</code>, 子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td> </td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
  </tr>
  <tr>
   <td><code>option</code></td>
   <td>
    <ul>
     <li><code>selected=true|false</code> (<code>selected</code> 属性が無いときは選択できない状態を指示)</li>
     <li><code>checked=true|false</code> (<code>checked</code> 属性が無いときは <code>checkable</code> ではない状態を指示)</li>
     <li><code>disabled</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/listbox">Mozilla.org listbox</a></td>
   <td>なし</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>presentation</code></td>
   <td> </td>
   <td>これらの項目はアクセシビリティの階層から自動的に削除されます。table 上に置いたときは、table 以下のすべての子孫もまたアクセシビリティの階層から自動的に削除されます。</td>
   <td> </td>
   <td colspan="3">MSAA や ATK のようにアクセシビリティ API を使用する、DOM ベースでない支援技術すべて<br>
    例えば、Window-Eyes 5.5 以降、JAWS 7.0 以降、ZoomText 9.1 以降、Orca 2.20 以降で動作するが、Fire Vox では動作しない</td>
  </tr>
  <tr>
   <td><code>progressbar</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>valuenow="#"|"unknown"</code></li>
     <li><code>valuemin="#"</code></li>
     <li><code>valuemax="#"</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/progressbar">Mozilla.org progress bar</a></td>
   <td colspan="2">Window-eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>radio</code></td>
   <td>
    <ul>
     <li><code>checked</code></li>
     <li><code>disabled</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://david.atrc.utoronto.ca/aria/radios/posinset.xhtml">模擬 radio buttons ATRC radio buttons (ARIA の名前空間のみ)</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/radio">UIUC radio buttons</a></td>
   <td colspan="2">Window-eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>radiogroup</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>invalid</code></li>
     <li><code>required</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://test.cita.uiuc.edu/aria/radio">UIUC radio buttons</a></td>
   <td colspan="2">Window-eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>region</code></td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td colspan="3">公開されているが、対応する特別な支援技術は無い</td>
  </tr>
  <tr>
   <td><code>row</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>selected=true|false</code> (<code>selected</code> 属性が無いときは選択できない状態を指示)</li>
     <li><code>checked=true|false|mixed</code> (<code>checked</code> 属性が無いときは <code>checkable</code> ではない状態を指示)</li>
     <li><code>expanded=true|false</code> (<code>expanded</code> 属性が無いものは展開できない状態を指示)</li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td> </td>
   <td>なし</td>
   <td>なし</td>
   <td>Firefox 3 に向けて作業中</td>
  </tr>
  <tr>
   <td><code>rowheader</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>selected=true|false</code> (<code>selected</code> 属性が無いときは選択できない状態を指示)</li>
     <li><code>readonly</code></li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/spreadsheet">Mozilla.org grid (spreadsheet) と menubar</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.1 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.1 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>separator</code></td>
   <td> </td>
   <td> </td>
   <td> </td>
   <td colspan="3">検証データをテストする必要あり</td>
  </tr>
  <tr>
   <td><code>slider</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>invalid</code></li>
     <li><code>readonly</code></li>
     <li><code>required</code></li>
     <li><code>valuenow="#"</code></li>
     <li><code>valuemin="#"</code></li>
     <li><code>valuemax="#"</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/simple-slider">Mozilla.org 平坦な slider</a>, <a class="external" href="http://www.mozilla.org/access/dhtml/pretty-slider.htm">Mozilla.org グラフィカルな slider</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/slider">UIUC slider</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.1 以降 (JAWS 8.0 では矢印キーによる操作不可)</td>
   <td>Window-Eyes 5.5 以降、Orca 2.20 以降、JAWS 7.1 以降 (JAWS 8.0 では矢印キーによる操作不可)</td>
  </tr>
  <tr>
   <td><code>spinbutton</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>invalid</code></li>
     <li><code>readonly</code></li>
     <li><code>required</code></li>
     <li><code>valuenow="#"</code></li>
     <li><code>valuemin="#"</code></li>
     <li><code>valuemax="#"</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/form/test_Spinner.html">Dojo spinner</a></td>
   <td colspan="2"> </td>
   <td>Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>tab</code></td>
   <td><code>disabled</code></td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/tabpanel">Mozilla.org tab panel</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/tabpanel">UIUC tab panel</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.21.5 以降</td>
  </tr>
  <tr>
   <td><code>tablist</code></td>
   <td> </td>
   <td> </td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/tabpanel">Mozilla.org tab panel</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/tabpanel">UIUC tab panel</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.21.5 以降</td>
  </tr>
  <tr>
   <td><code>tabpanel</code></td>
   <td> </td>
   <td> </td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/tabpanel">Mozilla.org tab panel</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/tabpanel">UIUC tab panel</a></td>
   <td colspan="2">Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.21.5 以降</td>
  </tr>
  <tr>
   <td><code>textbox</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>readonly</code></li>
     <li><code>multiline</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://test.cita.uiuc.edu/aria/textfield">UIUC textfield</a></td>
   <td>未対応</td>
   <td>未対応</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
  </tr>
  <tr>
   <td><code>toolbar</code></td>
   <td><code>disabled</code></td>
   <td> </td>
   <td> </td>
   <td colspan="3">公開されているが、どの支援技術がこれに対応しているか、または必要としているかが不明確</td>
  </tr>
  <tr>
   <td><code>tooltip</code></td>
   <td> </td>
   <td> </td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/new/tooltip.html">Mozilla.org tooltip</a></td>
   <td> </td>
   <td> </td>
   <td> </td>
  </tr>
  <tr>
   <td><code>tree</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>multiselectable</code></li>
     <li><code>readonly</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/tree">Mozilla.org tree</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/tree">UIUC tree</a></td>
   <td colspan="2">Windows-Eyes 5.5 以降、JAWS 7.0</td>
   <td>Windows-Eyes 5.5 以降、JAWS 7.0, Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>treegrid</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>multiselectable</code></li>
     <li><code>readonly</code></li>
    </ul>
   </td>
   <td><code>title</code> 属性からの名前</td>
   <td> </td>
   <td>なし</td>
   <td>なし</td>
   <td>Firefox で作業中のため未サポート</td>
  </tr>
  <tr>
   <td><code>treeitem</code></td>
   <td>
    <ul>
     <li><code>disabled</code></li>
     <li><code>selected=true|false</code> (<code>selected</code> 属性が無いときは選択できない状態を指示)</li>
     <li><code>checked=true|false|mixed</code> (<code>checked</code> 属性が無いときは <code>checkable</code> ではない状態を指示)</li>
     <li><code>expanded=true|false</code> (<code>expanded</code> 属性が無いものは展開できない状態を指示)</li>
    </ul>
   </td>
   <td>子コンテンツまたは <code>title</code> 属性からの名前</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/tree">Mozilla.org tree</a>, <a class="external" href="http://test.cita.uiuc.edu/aria/tree">UIUC tree</a></td>
   <td>Windows-Eyes 5.5 以降、JAWS 7.0 以降、<code>checked=mixed</code> には未対応</td>
   <td>Windows-Eyes 5.5 以降、JAWS 7.0</td>
   <td>Windows-Eyes 5.5 以降、JAWS 7.0, Orca 2.20 以降</td>
  </tr>
 </tbody>
</table>
<p>† 下記の表において、適用性の列が "すべての要素" と書かれているすべての要素が universal property を許容します。 {{ 英語版章題("Landmark Roles from XHTML role attribute module") }}</p>
<h4 id=".E4.BB.A3.E8.A1.A8.E7.9A.84.E3.81.AA_XHTML_.E3.81.AE_role_.E5.B1.9E.E6.80.A7.E3.83.A2.E3.82.B8.E3.83.A5.E3.83.BC.E3.83.AB" name=".E4.BB.A3.E8.A1.A8.E7.9A.84.E3.81.AA_XHTML_.E3.81.AE_role_.E5.B1.9E.E6.80.A7.E3.83.A2.E3.82.B8.E3.83.A5.E3.83.BC.E3.83.AB">代表的な XHTML の role 属性モジュール</h4>
<p><a class="external" href="http://www.w3.org/TR/xhtml-role/">XHTML の role 属性モジュール</a> は次の role を定義しています: <code>banner, contentinfo, definition, main, navigation, note, search, secondary, seealso</code></p>
<p>XHTML では、これらの代表的な role を "wairole:" プレフィックス無しで使用することができます (例: <code>&lt;div role="main"&gt;</code>)。理想的なスクリーンリーダーは、これらの role を用いてナビゲーション機構を提供するか、ユーザがメインコンテンツに入ると自動的にナビゲーションを開始します。スクリーン拡大鏡や携帯電話もまた、メインコンテンツから開始するか、特別なハイライトやナビゲーション機構を提供します。しかしながら、これらの role は MSAA 下の role を通じて公開されており、現在ある支援技術には特別なサポートが知られていません。 {{ 英語版章題("Supported properties") }}</p>
<h3 id=".E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.A6.E3.81.84.E3.82.8B_property" name=".E3.82.B5.E3.83.9D.E3.83.BC.E3.83.88.E3.81.95.E3.82.8C.E3.81.A6.E3.81.84.E3.82.8B_property">サポートされている property</h3>
<table class="fullwidth-table">
 <tbody>
  <tr>
   <th>Property 名</th>
   <th>適用性</th>
   <th>使用例</th>
   <th>Firefox 1.5 対応</th>
   <th>Firefox 2 対応</th>
   <th><a class="external" href="http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/">Firefox 3</a> テストビルド対応</th>
  </tr>
  <tr>
   <td><code>aria-activedescendant="{{ mediawiki.external('id') }}"</code></td>
   <td>すべての要素</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/listbox">Mozilla.org Listbox</a></td>
   <td>無し</td>
   <td>無し</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-atomic="true"</code></td>
   <td>すべての要素</td>
   <td>
    <ul>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/atomic_false.htm">aria-atomic="false"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/atomic_true.htm">aria-atomic="true"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/ajax_chat/chat.htm">AJAX チャット</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/form_hints/form_hints.htm">フォームのヒント</a></li>
    </ul>
   </td>
   <td>Fire Vox 2.7 以降</td>
   <td>Fire Vox 2.7 以降</td>
   <td>Fire Vox 2.7 以降<br>
    アクセシビリティ API を通じて公開されているが、一般的な目的の支援技術にはまだ使用されていない</td>
  </tr>
  <tr>
   <td><code>aria-busy="true" or "false" or "error"</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td> </td>
   <td>未実装</td>
   <td>未実装</td>
  </tr>
  <tr>
   <td><code>aria-channel="main" (default) or "notify"</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>未実装</td>
   <td>未実装</td>
   <td>未実装</td>
  </tr>
  <tr>
   <td><code>aria-checked="true"</code><br>
    <code>aria-checked="false"</code> (チェック可能だがチェックされていない)</td>
   <td>roles: checkbox, menuitem, menuitemcheckbox, menuitemradio, listitem, option, radio, treeitem</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/checkbox">Mozilla.org checkbox</a>,
    <p><a class="external" href="http://test.cita.uiuc.edu/aria/checkbox">UIUC checkbox</a></p>
   </td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-checked="mixed"</code> (チェック可能だが未確定)</td>
   <td>roles: checkbox, menuitem, treeitem</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/checkbox">Mozilla.org checkbox</a></td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
  </tr>
  <tr>
   <td><code>aria-controls=IDLIST</code></td>
   <td>すべての要素</td>
   <td>
    <ul>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/controls.htm">aria-controls=IDLIST</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/advanced/live_controls-and-politeness.htm">controls と politeness</a></li>
    </ul>
   </td>
   <td>Fire Vox 2.7 以降<br>
    アクセシビリティ API を通じて公開されているが、一般的な目的の支援技術にはまだ使用されていない</td>
   <td>Fire Vox 2.7 以降<br>
    アクセシビリティ API を通じて公開されているが、一般的な目的の支援技術にはまだ使用されていない</td>
   <td>Fire Vox 2.7 以降<br>
    アクセシビリティ API を通じて公開されているが、一般的な目的の支援技術にはまだ使用されていない</td>
  </tr>
  <tr>
   <td><code>aria-datatype="xsd:DATATYPE"</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>無し</td>
   <td>無し</td>
   <td>公開されているが、対応する支援技術は無い</td>
  </tr>
  <tr>
   <td><code>aria-describedby=IDLIST</code></td>
   <td>すべての要素</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/button">Mozilla.org button with aria-describedby</a>
    <p><a class="external" href="http://accessibleajax.clcworld.net/simple/describedby.htm">Live region with aria-describedby</a></p>
   </td>
   <td>Window-Eyes 5.5 以降</td>
   <td>Window-Eyes 5.5 以降</td>
   <td>Window-Eyes 5.5 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-disabled="true"</code></td>
   <td>roles: button, checkbox, columnheader, combobox, grid, gridcell, link, listbox, menu, menubar, menuitem, menuitemcheckbox, menuitemradio, option, progressbar, radio, radiogroup, row, rowheader, slider, spinbutton, tab, textbox, toolbar, tree, treegrid, treeitem</td>
   <td> </td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降 (span への参照点なし)</td>
  </tr>
  <tr>
   <td><code>aria-dropeffect="copy" または "move", "reference", "none"</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>未実装</td>
   <td>未実装</td>
   <td>未実装</td>
  </tr>
  <tr>
   <td><code>aria-expanded="true"</code></td>
   <td>roles: treeitem, region, (combobox?)</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/tree">Mozilla.org tree</a>,
    <p><a class="external" href="http://test.cita.uiuc.edu/aria/tree">UIUC tree</a></p>
   </td>
   <td> </td>
   <td> </td>
   <td>Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-flowto=IDLIST</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>公開されているが、対応する支援技術は無い</td>
   <td>公開されているが、対応する支援技術は無い</td>
   <td>公開されているが、対応する支援技術は無い</td>
  </tr>
  <tr>
   <td><code>aria-grab= "true" または "false", "supported"</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>未実装</td>
   <td>未実装</td>
   <td>未実装</td>
  </tr>
  <tr>
   <td><code>aria-haspopup="true"</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-hidden="true"</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>要素のスタイルに display: none がある場合に動作</td>
   <td>要素のスタイルに display: none がある場合に動作</td>
   <td>要素のスタイルに display: none がある場合に動作</td>
  </tr>
  <tr>
   <td><code>aria-invalid="true"</code></td>
   <td>すべての要素</td>
   <td><a class="external" href="http://david.atrc.utoronto.ca/aria/errorAlert.xhtml">ATRC alert</a>,
    <p><a class="external" href="http://www.mozilla.org/access/dhtml/checkbox">Mozilla.org checkbox</a></p>
   </td>
   <td>Window-Eyes 5.5 以降</td>
   <td>Window-Eyes 5.5 以降</td>
   <td>Window-Eyes 5.5 以降</td>
  </tr>
  <tr>
   <td><code>aria-labelledby="{{ mediawiki.external('IDLIST') }}"</code></td>
   <td>すべての要素</td>
   <td><a class="external" href="http://accessibleajax.clcworld.net/simple/labelledby.htm">aria-labelledby=IDLIST</a></td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-level=POSITIVE_NUMBER</code></td>
   <td>すべての要素、特に treeitem 上で有用</td>
   <td> </td>
   <td>無し</td>
   <td>無し</td>
   <td>ツリービューでのみ動作、Window-Eyes 5.5 以降および JAWS 7.0 以降</td>
  </tr>
  <tr>
   <td><code>aria-live=POLITENESS</code></td>
   <td>すべての要素</td>
   <td>
    <ul>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/live_off.htm">aria-live="off"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/live_polite.htm">aria-live="polite"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/live_assertive.htm">aria-live="assertive"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/live_rude.htm">aria-live="rude"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/advanced/live_multiple-regions.htm">複数の live region</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/advanced/live_nested-regions.htm">入れ子状の live regions</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/advanced/live_controls-and-politeness.htm">controls と politeness</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/form_hints/form_hints.htm">フォームのヒント</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/ajax_chat/chat.htm">AJAX チャット</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/scoreboard/scoreboard.htm">Scoreboard</a></li>
    </ul>
   </td>
   <td>Fire Vox 2.7 以降</td>
   <td>Fire Vox 2.7 以降</td>
   <td>Fire Vox 2.7 以降<br>
    アクセシビリティ API を通じて公開されているが、一般的な目的の支援技術にはまだ使用されていない</td>
  </tr>
  <tr>
   <td><code>aria-multiselectable="true"</code></td>
   <td>roles: grid, list, tree</td>
   <td><a class="external" href="http://test.cita.uiuc.edu/aria/grid/grid.html">UIUC grid</a></td>
   <td>未対応</td>
   <td>未対応</td>
   <td>検証データをテストする必要あり</td>
  </tr>
  <tr>
   <td><code>aria-owns</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>無し</td>
   <td>無し</td>
   <td>無し</td>
  </tr>
  <tr>
   <td><code>aria-pressed="true"</code></td>
   <td>roles: button</td>
   <td><a class="external" href="http://test.cita.uiuc.edu/aria/button">UIUC button</a></td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
   <td>Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-posinset=POSITIVE_NUMBER</code> (treeitem 上の場合、aria-setsize および aria-level と共に使用)</td>
   <td>すべての要素、特に option, listitem, treeitem 上で有用</td>
   <td><a class="external" href="http://david.atrc.utoronto.ca/aria/radios/posinset.xhtml">模擬 radio buttons (名前空間付き/xhtml/FF2 のみ)</a></td>
   <td>無し</td>
   <td>無し</td>
   <td>Window-Eyes 5.5 以降および JAWS 7.0 以降、Orca 2.20 以降において、option および listitem, treeitem のみ動作</td>
  </tr>
  <tr>
   <td><code>aria-readonly="true"</code></td>
   <td>roles: checkbox, columnheader grid, gridcell, list, rowheader, spinbutton, textarea, textfield</td>
   <td> </td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>aria-relevant=RELEVANCE_LIST</code></td>
   <td>すべての要素</td>
   <td>
    <ul>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/relevant_additions.htm">aria-relevant="additions"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/relevant_removals.htm">aria-relevant="removals"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/relevant_text.htm">aria-relevant="text"</a></li>
     <li><a class="external" href="http://accessibleajax.clcworld.net/simple/relevant_all.htm">aria-relevant="all"</a></li>
    </ul>
   </td>
   <td>Fire Vox 2.7 以降</td>
   <td>Fire Vox 2.7 以降</td>
   <td>Fire Vox 2.7 以降<br>
    アクセシビリティ API を通じて公開されているが、一般的な目的の支援技術にはまだ使用されていない</td>
  </tr>
  <tr>
   <td><code>role="{{ mediawiki.external('rolename') }}"</code></td>
   <td>すべての要素</td>
   <td>上記の role 表をご覧ください</td>
   <td>上記の role 表をご覧ください</td>
   <td>上記の role 表をご覧ください</td>
   <td>上記の role 表をご覧ください</td>
  </tr>
  <tr>
   <td><code>aria-required="true"</code></td>
   <td>すべての要素</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/checkbox">Mozilla.org checkbox</a></td>
   <td>Window-Eyes 5.5 以降</td>
   <td>Window-Eyes 5.5 以降</td>
   <td>Window-Eyes 5.5 以降</td>
  </tr>
  <tr>
   <td><code>selected="true"</code><br>
    <code>selected="false"</code> (選択可能だが、選択されていない)</td>
   <td>roles: columnheader, gridcell, listitem, option, rowheader</td>
   <td><a class="external" href="http://test.cita.uiuc.edu/aria/grid/grid.html">UIUC grid</a></td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
  </tr>
  <tr>
   <td><code>aria-setsize=POSITIVE_NUMBER</code> (treeitem 上の場合、aria-setsize および aria-level と共に使用)</td>
   <td>すべての要素、特に option, listitem, treeitem 上で有用</td>
   <td><a class="external" href="http://david.atrc.utoronto.ca/aria/radios/posinset.xhtml">模擬 radio buttons (名前空間付き/xhtml/FF2 のみ)</a></td>
   <td>無し</td>
   <td>無し</td>
   <td>Window-Eyes 5.5 以降および JAWS 7.0 以降、Orca 2.20 以降において、option および listitem, treeitem のみ動作</td>
  </tr>
  <tr>
   <td><code>aria-sort=SORT_TYPE</code></td>
   <td>すべての要素</td>
   <td> </td>
   <td>無し</td>
   <td>無し</td>
   <td>アクセシビリティ API を通して公開されているが、一般的な目的の支援技術にはまだ使用されていない</td>
  </tr>
  <tr>
   <td><code>tabindex</code></td>
   <td>すべての HTML 要素</td>
   <td> </td>
   <td>すべての支援技術、同様に IE 5 以降も対応</td>
   <td>すべての支援技術、同様に IE 5 以降も対応</td>
   <td>すべての支援技術、同様に IE 5 以降も対応</td>
  </tr>
  <tr>
   <td><code>valuenow="#"</code><br>
    <code>valuemin="#"</code><br>
    <code>valuemax="#"</code></td>
   <td>roles: progressbar, slider, spinbutton</td>
   <td><a class="external" href="http://www.mozilla.org/access/dhtml/simple-slider">Mozilla.org 平坦な slider</a> <a class="external" href="http://www.mozilla.org/access/dhtml/pretty-slider.htm">Mozilla.org グラフィカルな slider</a> <a class="external" href="http://www.mozilla.org/access/dhtml/progressbar">Mozilla.org plain progress bar</a></td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降</td>
   <td>Window-Eyes 5.5 以降、JAWS 7.0 以降、Orca 2.20 以降</td>
  </tr>
  <tr>
   <td><code>valuenow の設定なし (値が未確定)</code></td>
   <td>roles: progressbar</td>
   <td> </td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
   <td>検証データをテストする必要あり</td>
  </tr>
 </tbody>
</table>
<p>{{ 英語版章題("Live regions") }}</p>
<h3 id="Live_regions" name="Live_regions">Live regions</h3>
<p>一部のウェブページには、ユーザのアクションや現実世界のイベントによって更新することができる Live region(動的更新が可能な領域) があります。ユーザのアクションによる変更の例は、<a class="external" href="http://developer.mozilla.org/ja/docs/Special:Preferences">この wiki のオプションページ</a>です。現実世界のイベントによる変更の例には、<a class="external" href="http://ircatwork.com/">チャット領域</a><a class="external" href="http://cbs.sportsline.com/nba/scoreboard">試合状況のライブ更新</a>, <a class="external" href="http://finance.yahoo.com">金融情報のライブ更新</a> があります。</p>
<p>今のところ、スクリーンリーダの Live region のためのアクセシビリティには問題があります。スクリーンリーダがページ上のすべての変更を逐次読み上げてしまうと、ユーザにとって迷惑になります。もし、スクリーンリーダがそれらを読み上げなければ、ユーザは極めて重要な情報を失うことになります。</p>
<p>解決策は ARIA を通して開発されており、ウェブページの作者がそこにある Live region が何かを指定し、また Live region についての追加の役立つ情報を指定することができます。これは、スクリーンリーダが何をいつ読み上げればよいかを決められるようにします。</p>
<p>これらの ARIA プロパティには、aria-live および aria-atomic, aria-relevant, aria-controls, aria-labelledby, aria-describedby があります。現在のサポートは、標準仕様の執筆活動を前進させ、ウェブ開発者コミュニティに対して WAI-ARIA を採用する利点を実証し、またスクリーンリーダ開発者コミュニティがエンドユーザに WAI-ARIA の 動作を体験できることを示すため、<a class="external" href="http://www.firevox.clcworld.net/">Fire Vox スクリーン読み上げ拡張機能</a>で開発されています。</p>
<p>さらに詳しい情報:</p>
<ul>
 <li>Live region マークアップの開発状況の完全なリポートは、<a href="ja/AJAX/WAI_ARIA_Live_Regions">AJAX:WAI_ARIA_Live_Regions</a> をご覧ください。ここでは、Fire Vox で動作するテストケースへのリンクも提供しています。</li>
 <li><a class="external" href="http://accessibleajax.clcworld.net/">テストケースの簡単なものと詳細なもの</a> は、Fire Vox 拡張の開発者である Charles Chen 氏によって提供されています。これらの例はすべて、Fire Vox で動作します。</li>
 <li>その他のマークアップの記述は、Gez Lemon 氏による Juicy Studio の <a class="external" href="http://juicystudio.com/article/wai-aria-live-regions.php">ARIA live region についての記事</a>にあります。</li>
</ul>
<p>Firefox 3 の登場までに、Live region がスクリーンリーダのすべての目的に対応することは期待されていません。 {{ 英語版章題("Standards development for ARIA") }}</p>
<h3 id="ARIA_.E3.81.AE.E3.81.9F.E3.82.81.E3.81.AE.E6.A8.99.E6.BA.96.E9.96.8B.E7.99.BA" name="ARIA_.E3.81.AE.E3.81.9F.E3.82.81.E3.81.AE.E6.A8.99.E6.BA.96.E9.96.8B.E7.99.BA">ARIA のための標準開発</h3>
<p><a class="external" href="http://www.w3.org">W3C</a><a class="external" href="http://www.w3.org/WAI/">Web Accessibility Initiative</a> の中身は <a class="external" href="http://www.w3.org/WAI/PF/">Protocols and Formats Working Group (PFWG)</a> です。このグループは、<a class="external" href="http://www.w3.org/WAI/PF/#Roadmap">Dynamic Web Content Accessibility Work roadmap</a> と呼ばれるものに大きく焦点を当てており、すべての重要な格差を埋める長期的な努力と同時に、基本的な role および properties を定義する短期間の努力をしています。 {{ 英語版章題("Open Bugs in Firefox") }}</p>
<h3 id="Firefox_.E3.81.AE.E5.85.AC.E9.96.8B.E3.83.90.E3.82.B0" name="Firefox_.E3.81.AE.E5.85.AC.E9.96.8B.E3.83.90.E3.82.B0">Firefox の公開バグ</h3>
<p>完全な <a class="link-https" href="https://bugzilla.mozilla.org/showdependencytree.cgi?id=343213&amp;hide_resolved=1">Firefox の ARIA バグ一覧</a> では、Firefox の ARIA 対応の進捗を追跡することができます。 {{ 英語版章題("Future of ARIA") }}</p>
<h3 id=".E5.B0.86.E6.9D.A5.E3.81.AE_ARIA" name=".E5.B0.86.E6.9D.A5.E3.81.AE_ARIA">将来の ARIA</h3>
<p>追加の ARIA サポートは将来のリリースで計画されています。この作業は W3C PF グループの安定した標準から得ることに依存しています。これらの変更には、作者が既存の role を継承して新しい role を定義したり、動作を記述したり、要素間の関係を新たに指定したり、またブラウザと Web ページの間でのキーボード・アクセラレータの今日のような衝突を避けるセマンティック・アクセスキーのサポートが含まれます。 {{ 英語版章題("ARIA IRC channel and mailing list") }}</p>
<h3 id="ARIA_IRC_.E3.83.81.E3.83.A3.E3.83.B3.E3.83.8D.E3.83.AB.E3.81.A8.E3.83.A1.E3.83.BC.E3.83.AA.E3.83.B3.E3.82.B0.E3.83.AA.E3.82.B9.E3.83.88" name="ARIA_IRC_.E3.83.81.E3.83.A3.E3.83.B3.E3.83.8D.E3.83.AB.E3.81.A8.E3.83.A1.E3.83.BC.E3.83.AA.E3.83.B3.E3.82.B0.E3.83.AA.E3.82.B9.E3.83.88">ARIA IRC チャンネルとメーリングリスト</h3>
<p>WAI-ARIA について公共の場で討議するには #wai-aria チャンネル (irc.w3.org:6665) に参加してください。メンバーは内部ドラフト案を #pf で審議してください。</p>
<p>公共の討議をするメーリングリストは wai-xtech です。wai-xtech に参加したい方は PFWG 議長 <a class="link-mailto" href="mailto:(wai-pf-call@w3.org)" rel="freelink">(wai-pf-call@w3.org)</a> に購読希望のメールを出してください。</p>
<div class="noinclude">
  </div>
<p>{{ languages( { "en": "en/ARIA/Accessible_Rich_Internet_Applications", "fr": "fr/ARIA/Applications_riches_Internet_accessibles" } ) }}</p>