files/de/web/barrierefreiheit/aria/aria_techniken/index.html


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

---
title: ARIA Techniken
slug: Web/Barrierefreiheit/ARIA/ARIA_Techniken
tags:
  - ARIA
  - Accessibility
translation_of: Web/Accessibility/ARIA/ARIA_Techniques
---
<p> </p>

<h2 id="Rollen"> Rollen</h2>

<p> </p>

<h3 id="Widget_Rollen"><a href="/en/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_switch_role">Widget Rollen</a></h3>

<div class="index">
<ul>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_button_role" title="die Button Rolle benutzen">Button</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_checkbox_role" title="die Checkbox Rolle benutzen">Checkbox</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_dialog_role" title="die Dialog Rolle benutzen">Dialog</a></li>
 <li>Gridcell</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_link_role" title="die Link Rolle benutzen">Link</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_log_role" title="die Log Rolle benutzen">Log</a></li>
 <li>Marquee</li>
 <li>Menuitem</li>
 <li>Menuitemcheckbox</li>
 <li>Menuitemradio</li>
 <li>Option</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role" title="die Progressbar Rolle benutzen">Progressbar</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_radio_role" title="die Radio Rolle benutzen">Radio</a></li>
 <li>Scrollbar</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_slider_role" title="die Slider Rolle benutzen">Slider</a></li>
 <li>Spinbutton</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_status_role" title="die Status Rolle benutzen">status</a></li>
 <li>Tab</li>
 <li>Tabpanel</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_textbox_role" title="die Textbox Rolle benutzen">textbox</a></li>
 <li>Timer</li>
 <li>Tooltip</li>
 <li>Treeitem</li>
 <li><a href="/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_switch_role" title="die Switch Rolle benutzen">switch</a></li>
</ul>
</div>

<h3 id="Zusammengesetzte_Rollen">Zusammengesetzte Rollen</h3>

<p>Diese Techniken beschreiben jede zusammengesetzte Rolle, sowie deren benötigte und optinale Kind-Rollen.</p>


<div class="index">
<ul>
 <li>Combobox</li>
 <li>Grid (einschließlich row, gridcell, rowheader, und columnheader Rollen)</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_listbox_role" title="die Listbox Rolle benutzen">Listbox</a> (einschließlich option Rolle)</li>
 <li>Menu</li>
 <li>Menubar</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_radio_role" title="die Radio Rolle benutzen">Radiogroup (siehe auch radio Rolle)</a></li>
 <li>Tablist (einschließlich tab und  tabpanel Rollen)</li>
 <li>Tree</li>
 <li>Treegrid</li>
</ul>
</div>

<h3 id="Dokumentstruktur_Rollen"><a href="https://www.w3.org/TR/wai-aria/roles#document_structure_roles">Dokumentstruktur Rollen</a></h3>

<div class="index">
<ul>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_article_role" title="die Article Rolle benutzen">Article</a></li>
 <li>Definition</li>
 <li>Directory</li>
 <li>Document</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_group_role" title="die Group Rolle benutzen">Group</a></li>
 <li>Heading</li>
 <li>Img</li>
 <li>List</li>
 <li>Listitem</li>
 <li>Math</li>
 <li>Note</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_presentation_role" title="die Presentation Rolle benutzen">Presentation</a></li>
 <li>Region</li>
 <li>Separator</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_toolbar_role" title="die Toolbar Rolle benutzen">Toolbar</a></li>
</ul>
</div>

<h3 id="Grenzrollen"><a href="https://www.w3.org/TR/wai-aria/roles#landmark_roles">Grenzrollen</a></h3>

<div class="index">
<ul>
 <li>Application</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_banner_role" title="die Banner Rolle benutzen">Banner</a></li>
 <li>Complementary</li>
 <li>Contentinfo</li>
 <li>Form</li>
 <li>Main</li>
 <li>Navigation</li>
 <li>Search</li>
</ul>
</div>

<h2 id="Zustände_und_Eigenschaften">Zustände und Eigenschaften</h2>

<p> </p>

<h3 id="Widget_Eigenschaften">Widget Eigenschaften</h3>

<div class="index">
<ul>
 <li>aria-autocomplete</li>
 <li>aria-checked</li>
 <li>aria-current</li>
 <li>aria-disabled</li>
 <li>aria-expanded</li>
 <li>aria-haspopup</li>
 <li>aria-hidden</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-invalid_attribute" title="das aria-invalid Attribut benutzen">aria-invalid</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute" title="das aria-label Attribut benutzen">aria-label</a></li>
 <li>aria-level</li>
 <li>aria-multiline</li>
 <li>aria-multiselectable</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-orientation_attribute" title="das aria-orientation Attribut benutzen">aria-orientation</a></li>
 <li>aria-pressed</li>
 <li>aria-readonly</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-required_attribute" title="das aria-required Attribut benutzen">aria-required</a></li>
 <li>aria-selected</li>
 <li>aria-sort</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemax_attribute" title="das aria-valuemax Attribut benutzen">aria-valuemax</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuemin_attribute" title="das aria-valuemin Attribut benutzen">aria-valuemin</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuenow_attribute" title="das aria-valuenow Attribut benutzen">aria-valuenow</a></li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-valuetext_attribute" title="das aria-valuetext Attribut benutzen">aria-valuetext</a></li>
</ul>
</div>

<h3 id="Live_Region_Attribute">Live Region Attribute</h3>

<div class="index">
<ul>
 <li>aria-live</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute" title="das aria-live Attribut benutzen">aria-relevant</a></li>
 <li>aria-atomic</li>
 <li>aria-busy</li>
</ul>
</div>

<h3 id="Drag_drop_Attribute">Drag &amp; drop Attribute</h3>

<div class="index">
<ul>
 <li>aria-dropeffect</li>
 <li>aria-dragged</li>
</ul>
</div>

<h3 id="Beziehungs_Attribute">Beziehungs Attribute</h3>

<div class="index">
<ul>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-activedescendant_attribute" title="das aria-activedescendant Attribut benutzen">aria-activedescendant</a></li>
 <li>aria-controls</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute" title="das aria-describedby Attribut benutzen">aria-describedby</a></li>
 <li>aria-flowto</li>
 <li><a href="/en/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute" title="das aria-labelledby Attribut benutzen">aria-labelledby</a></li>
 <li>aria-owns</li>
 <li>aria-posinset</li>
 <li>aria-setsize</li>
</ul>
</div>