-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
187 lines (160 loc) · 11.5 KB
/
index.md
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
---
title: "ARIA の使用: ロール、ステート、プロパティ"
slug: Web/Accessibility/ARIA/ARIA_Techniques
l10n:
sourceCommit: 95cdbf44bd47782a5afb6ec4a3c4d00a5a7958e3
---
<section id="Quick_links">
<ol>
<li><a href="/ja/docs/Web/Accessibility/ARIA/Annotations">ARIA アノテーション</a></li>
<li><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Guides">ARIA ガイド</a></li>
<li><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Live_Regions">ARIA ライブリージョン</a></li>
<li><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Screen_Reader_Implementors_Guide">ARIA スクリーンリーダー実装ガイド</a></li>
<li><a href="/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques">ARIA の使用: ロール、ステート、プロパティ</a></li>
<li><a href="/ja/docs/Web/Accessibility/ARIA/forms">ウェブフォーム</a></li>
<li><a href="/ja/docs/Web/Accessibility/ARIA/How_to_file_ARIA-related_bugs">ARIA に関するバグの報告方法</a></li>
<li class="toggle">
<details><summary>ARIA ステートとプロパティ</summary>
{{ListSubpagesForSidebar("Web/Accessibility/ARIA/Attributes", 1)}}
</details>
</li>
<li class="toggle">
<details><summary>WAI-ARIA ロール</summary>
{{ListSubpagesForSidebar("Web/Accessibility/ARIA/Roles", 1)}}
</details>
</li>
</ol>
</section>
ARIA は、要素に適用できる意味づけを定義しており、これらは **ロール** (ユーザーインターフェイス要素の種��を定義する)と、ロールが対応している **ステート** と **プロパティ** に分けられます。オーナーは、要素がすでに適切な ARIA の意味づけが(適切な HTML 要素を使用することによって)ある場合を除いて、そのライフサイクルの間に要素に ARIA の役割と適切な状態およびプロパティを割り当てる必要があります。ARIA の意味づけは、ブラウザーのアクセシビリティ API に余分な情報を公開するだけで、ページの DOM には影響を与えません。
## ロール
### ウィジェットロール
- [`button`](/ja/docs/Web/Accessibility/ARIA/Roles/button_role)
- [`checkbox`](/ja/docs/Web/Accessibility/ARIA/Roles/checkbox_role)
- [`gridcell`](/ja/docs/Web/Accessibility/ARIA/Roles/gridcell_role)
- [`link`](/ja/docs/Web/Accessibility/ARIA/Roles/link_role)
- [`menuitem`](/ja/docs/Web/Accessibility/ARIA/Roles/menuitem_role)
- [`menuitemcheckbox`](/ja/docs/Web/Accessibility/ARIA/Roles/menuitemcheckbox_role)
- [`menuitemradio`](/ja/docs/Web/Accessibility/ARIA/Roles/menuitemradio_role)
- [`option`](/ja/docs/Web/Accessibility/ARIA/Roles/option_role)
- [`progressbar`](/ja/docs/Web/Accessibility/ARIA/Roles/progressbar_role)
- [`radio`](/ja/docs/Web/Accessibility/ARIA/Roles/radio_role)
- [`scrollbar`](/ja/docs/Web/Accessibility/ARIA/Roles/scrollbar_role)
- [`searchbox`](/ja/docs/Web/Accessibility/ARIA/Roles/searchbox_role)
- [`separator`](/ja/docs/Web/Accessibility/ARIA/Roles/separator_role) (フォーカス可能な場合)
- [`slider`](/ja/docs/Web/Accessibility/ARIA/Roles/slider_role)
- [`spinbutton`](/ja/docs/Web/Accessibility/ARIA/Roles/spinbutton_role)
- [`switch`](/ja/docs/Web/Accessibility/ARIA/Roles/switch_role)
- [`tab`](/ja/docs/Web/Accessibility/ARIA/Roles/tab_role)
- [`tabpanel`](/ja/docs/Web/Accessibility/ARIA/Roles/tabpanel_role)
- [`textbox`](/ja/docs/Web/Accessibility/ARIA/Roles/textbox_role)
- [`treeitem`](/ja/docs/Web/Accessibility/ARIA/Roles/treeitem_role)
### 複合ロール
以下のテクニックでは、それぞれの複合ロールとその必須および任意の子ロールについて説明します。
- [`combobox`](/ja/docs/Web/Accessibility/ARIA/Roles/combobox_role)
- [`grid`](/ja/docs/Web/Accessibility/ARIA/Roles/grid_role) ([`row`](/ja/docs/Web/Accessibility/ARIA/Roles/row_role), [`gridcell`](/ja/docs/Web/Accessibility/ARIA/Roles/gridcell_role), [`rowheader`](/ja/docs/Web/Accessibility/ARIA/Roles/rowheader_role), [`columnheader`](/ja/docs/Web/Accessibility/ARIA/Roles/columnheader_role) ロールを含む)
- [`listbox`](/ja/docs/Web/Accessibility/ARIA/Roles/listbox_role) ([`option`](/ja/docs/Web/Accessibility/ARIA/Roles/option_role) ロールを含む)
- [`menu`](/ja/docs/Web/Accessibility/ARIA/Roles/menu_role)
- [`menubar`](/ja/docs/Web/Accessibility/ARIA/Roles/menubar_role)
- [`radiogroup`](/ja/docs/web/accessibility/aria/roles/radiogroup_role) ([`radio role`](/ja/docs/Web/Accessibility/ARIA/Roles/radio_role) を参照)
- [`tablist`](/ja/docs/Web/Accessibility/ARIA/Roles/tablist_role) ([`tab`](/ja/docs/Web/Accessibility/ARIA/Roles/tab_role) および [`tabpanel`](/ja/docs/Web/Accessibility/ARIA/Roles/tabpanel_role) ロールを含む)
- [`tree`](/ja/docs/Web/Accessibility/ARIA/Roles/tree_role)
- [`treegrid`](/ja/docs/Web/Accessibility/ARIA/Roles/treegrid_role)
### 文書構造ロール
- [`application`](/ja/docs/Web/Accessibility/ARIA/Roles/application_role)
- [`article`](/ja/docs/Web/Accessibility/ARIA/Roles/article_role)
- [`cell`](/ja/docs/Web/Accessibility/ARIA/Roles/cell_role)
- [`columnheader`](/ja/docs/Web/Accessibility/ARIA/Roles/columnheader_role)
- [`definition`](/ja/docs/Web/Accessibility/ARIA/Roles/definition_role)
- [`directory`](/ja/docs/Web/Accessibility/ARIA/Roles/directory_role)
- [`document`](/ja/docs/Web/Accessibility/ARIA/Roles/document_role)
- [`feed`](/ja/docs/Web/Accessibility/ARIA/Roles/feed_role)
- [`figure`](/ja/docs/Web/Accessibility/ARIA/Roles/figure_role)
- [`group`](/ja/docs/Web/Accessibility/ARIA/Roles/group_role)
- [`heading`](/ja/docs/Web/Accessibility/ARIA/Roles/heading_role)
- [`img`](/ja/docs/Web/Accessibility/ARIA/Roles/img_role)
- [`list`](/ja/docs/Web/Accessibility/ARIA/Roles/list_role)
- [`listitem`](/ja/docs/Web/Accessibility/ARIA/Roles/listitem_role)
- [`math`](/ja/docs/Web/Accessibility/ARIA/Roles/math_role)
- [`none`](/ja/docs/Web/Accessibility/ARIA/Roles/none_role)
- [`note`](/ja/docs/Web/Accessibility/ARIA/Roles/note_role)
- [`presentation`](/ja/docs/Web/Accessibility/ARIA/Roles/presentation_role)
- [`row`](/ja/docs/Web/Accessibility/ARIA/Roles/row_role)
- [`rowgroup`](/ja/docs/Web/Accessibility/ARIA/Roles/rowgroup_role)
- [`rowheader`](/ja/docs/Web/Accessibility/ARIA/Roles/rowheader_role)
- [`separator`](/ja/docs/Web/Accessibility/ARIA/Roles/separator_role)
- [`table`](/ja/docs/Web/Accessibility/ARIA/Roles/table_role)
- [`term`](/ja/docs/Web/Accessibility/ARIA/Roles/term_role)
- [`toolbar`](/ja/docs/Web/Accessibility/ARIA/Roles/toolbar_role)
- [`tooltip`](/ja/docs/Web/Accessibility/ARIA/Roles/tooltip_role)
### ランドマークロール
- [`banner`](/ja/docs/Web/Accessibility/ARIA/Roles/banner_role)
- [`complementary`](/ja/docs/Web/Accessibility/ARIA/Roles/complementary_role)
- [`contentinfo`](/ja/docs/Web/Accessibility/ARIA/Roles/contentinfo_role)
- [`form`](/ja/docs/Web/Accessibility/ARIA/Roles/form_role)
- [`main`](/ja/docs/Web/Accessibility/ARIA/Roles/main_role)
- [`navigation`](/ja/docs/Web/Accessibility/ARIA/Roles/navigation_role)
- [`region`](/ja/docs/Web/Accessibility/ARIA/Roles/region_role)
- [`search`](/ja/docs/Web/Accessibility/ARIA/Roles/search_role)
### ライブリージョンロール
- [`alert`](/ja/docs/Web/Accessibility/ARIA/Roles/alert_role)
- [`log`](/ja/docs/Web/Accessibility/ARIA/Roles/log_role)
- [`marquee`](/ja/docs/Web/Accessibility/ARIA/Roles/marquee_role)
- [`status`](/ja/docs/Web/Accessibility/ARIA/Roles/status_role)
- [`timer`](/ja/docs/Web/Accessibility/ARIA/Roles/timer_role)
### ウィンドウロール
- [`alertdialog`](/ja/docs/Web/Accessibility/ARIA/Roles/alertdialog_role)
- [`dialog`](/ja/docs/Web/Accessibility/ARIA/Roles/dialog_role)
## ステートとプロパティ
### ウィジェット属性
- [`aria-autocomplete`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-autocomplete)
- [`aria-checked`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-checked)
- [`aria-current`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-current)
- [`aria-disabled`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
- [`aria-errormessage`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage)
- [`aria-expanded`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
- [`aria-haspopup`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup)
- [`aria-hidden`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-hidden)
- [`aria-invalid`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-invalid)
- [`aria-label`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-label)
- [`aria-level`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-level)
- [`aria-modal`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-modal)
- [`aria-multiline`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-multiline)
- [`aria-multiselectable`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-multiselectable)
- [`aria-orientation`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-orientation)
- [`aria-placeholder`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-placeholder)
- [`aria-pressed`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-pressed)
- [`aria-readonly`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-readonly)
- [`aria-required`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-required)
- [`aria-selected`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
- [`aria-sort`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-sort)
- [`aria-valuemax`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-valuemax)
- [`aria-valuemin`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-valuemin)
- [`aria-valuenow`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-valuenow)
- [`aria-valuetext`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext)
### ライブリージョン属性
- [`aria-live`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-live)
- [`aria-relevant`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-relevant)
- [`aria-atomic`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-atomic)
- [`aria-busy`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-busy)
### ドラッグ&ドロップ属性
- [`aria-dropeffect`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-dropeffect) {{deprecated_inline}}
- [`aria-grabbed`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-grabbed) {{deprecated_inline}}
### 関係属性
- [`aria-activedescendant`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-activedescendant)
- [`aria-colcount`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-colcount)
- [`aria-colindex`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-colindex)
- [`aria-colspan`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-colspan)
- [`aria-controls`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
- [`aria-describedby`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-describedby)
- [`aria-details`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-details)
- [`aria-errormessage`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-errormessage)
- [`aria-flowto`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-flowto)
- [`aria-labelledby`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby)
- [`aria-owns`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-owns)
- [`aria-posinset`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-posinset)
- [`aria-rowcount`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-rowcount)
- [`aria-rowindex`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-rowindex)
- [`aria-rowspan`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-rowspan)
- [`aria-setsize`](/ja/docs/Web/Accessibility/ARIA/Attributes/aria-setsize)
### MicrosoftEdge 固有のプロパティ
- [`x-ms-aria-flowfrom`](/ja/docs/Web/Accessibility/ARIA/ARIA_Techniques/x-ms-aria-flowfrom) {{Non-standard_Inline}}