blob: 58c2d375536785a1dd8ea97472338783bf188b96 (
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
|
---
title: Techniques ARIA
slug: Web/Accessibility/ARIA/ARIA_Techniques
tags:
- ARIA
- Accessibilité
- Attributs
- Rôles
translation_of: Web/Accessibility/ARIA/ARIA_Techniques
original_slug: Accessibilité/ARIA/Techniques_ARIA
---
<h3 id="Rôles">Rôles</h3>
<h4 id="Rôles_de_composant_d’interface">Rôles de composant d’interface</h4>
<ul>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_alert">Alert</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_alertdialog">Alertdialog</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_button">Button</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_checkbox">Checkbox</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_dialog">Dialog</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_link">Link</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_log">Log</a></li>
<li>Marquee</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_progressbar">Progressbar</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_radio">Radio</a></li>
<li>Scrollbar</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_slider">Slider</a></li>
<li>Spinbutton</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_status">status</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_textbox">textbox</a></li>
<li>Timer</li>
<li>Tooltip</li>
</ul>
<h4 id="Rôles_composés">Rôles composés</h4>
<p>Les techniques ci-dessous décrivent chaque rôle composé ainsi que leurs rôles enfants obligatoires ou facultatifs.</p>
<ul>
<li>Grid (tableau, contenant les rôles <code>row</code> (ligne), <code>gridcell</code> (cellule), <code>rowheader</code> (en-tête de ligne) et <code>columnheader</code> (en-tête de colonne))</li>
<li>Menubar / Menu (contenant les rôles <code>menuitem</code>, <code>menuitemcheckbox</code> et <code>menuitemradio</code>)</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_listbox">Listbox</a> (boîte de liste, contenant le rôle <code>option</code>)</li>
<li>Tablist (boîte à onglets, contenant les rôles <code>tab</code> et <code>tabpanel</code>)</li>
<li>Tree (arbre, contenant les rôles <code>group</code> et <code>treeitem</code>)</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_radio">Radiogroup (voir le rôle <code>Radio</code>)</a></li>
<li>Treegrid</li>
</ul>
<h4 id="Rôles_de_structure_de_document">Rôles de structure de document</h4>
<ul>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_article">Article</a></li>
<li>Definition</li>
<li>Directory</li>
<li>Document</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_group">Group</a></li>
<li>Heading</li>
<li>Img</li>
<li>List, listitem</li>
<li>Math</li>
<li>Note</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_presentation">Presentation</a></li>
<li>Region</li>
<li>Separator</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_toolbar">Toolbar</a></li>
</ul>
<h4 id="Rôles_de_points_de_repère">Rôles de points de repère</h4>
<ul>
<li>Application</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_le_role_banner">Banner</a></li>
<li>Complementary</li>
<li>Contentinfo</li>
<li>Form</li>
<li>Main</li>
<li>Navigation</li>
<li>Search</li>
</ul>
<h3 id="États_et_propriétés">États et propriétés</h3>
<h4 id="Attributs_de_composants_d’interface">Attributs de composants d’interface</h4>
<ul>
<li>aria-autocomplete</li>
<li>aria-checked</li>
<li>aria-disabled</li>
<li>aria-expanded</li>
<li>aria-haspopup</li>
<li>aria-hidden</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-invalid">aria-invalid</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-label">aria-label</a></li>
<li>aria-level</li>
<li>aria-multiline</li>
<li>aria-multiselectable</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-orientation">aria-orientation</a></li>
<li>aria-pressed</li>
<li>aria-readonly</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-required">aria-required</a></li>
<li>aria-selected</li>
<li>aria-sort</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-valuemax">aria-valuemax</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-valuemin">aria-valuemin</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-valuenow">aria-valuenow</a></li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-valuetext">aria-valuetext</a></li>
</ul>
<h4 id="Attributs_de_zones_«_live_»">Attributs de zones « live »</h4>
<ul>
<li>aria-live</li>
<li>aria-relevant</li>
<li>aria-atomic</li>
<li>aria-busy</li>
</ul>
<h4 id="Attributs_de_glisser-déposer">Attributs de glisser-déposer</h4>
<ul>
<li>aria-dropeffect</li>
<li>aria-dragged</li>
</ul>
<h4 id="Attributs_de_relation">Attributs de relation</h4>
<ul>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-activedescendant">aria-activedescendant</a></li>
<li>aria-controls</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-describedby">aria-describedby</a></li>
<li>aria-flowto</li>
<li><a href="/fr/docs/Accessibilité/ARIA/Techniques_ARIA/Utiliser_l_attribut_aria-labelledby">aria-labelledby</a></li>
<li>aria-owns</li>
<li>aria-posinset</li>
<li>aria-setsize</li>
</ul>
|