Légende et notes du tableau :

• "non supporté" signifie que si une solution est proposée, elle n'est pas supportée par le navigateur.
• "partiellement supporté" signifie que la solution fournit est partiellement supportée.
• "non implémenté" signifie que cette fonctionnalité n'est pas encore implémentée par le navigateur.
• "supporté" signifie que l'utilisation de la solution pour la fonctionnalité ou son alternative est correctement accessible.
• La cellule 'solutions' de chaque ligne fourni la solution pour rendre la fonctionnalité accessible ou des liens vers des solutions envisageables.
• Merci de signaler toute erreur ou exemple de solutions à faulkner.steve@gmail.com (en anglais) ou d'envoyer un message depuis cette page
• Les solutions pour Safari5 sont valables pour la version Mac osX, pas pour la version Windows.
• Un ? indique que les informations ne sont pas encore disponibles.

ajouter le role ARIA role="banner" seulement un par page.
note: le lecteur d'écran Window Eyes a des bugs concernant l'utilisation de certains éléments HTML5 avec des roles ARIA du type landmark.

Exemples de solutions pour rendre les fonctionnalités d'HTML5 accessibles dans les navigateurs

Nouvelle fonctionnalité HTML5	Chrome 10	Firefox 4.0 RC	IE 9 RC	Opera 11	Safari 5 (mac)	Solutions
article element						ajouter ARIA role="article".
aside element						ajouter ARIA role="complementary" note: le lecteur d'écran Window Eyes a des bugs concernant l'utilisation de certains éléments HTML5 avec des roles ARIA du type landmark.
audio element						ajouter des contrôles par javascript
canvas element						différentes solutions possibles, généralement cela passe pas l'utilisation d'une alternative HTML au contenu de l'élément canvas, comme: canvas charts
datalist element						Utiliser un widget comme : autocomplete
details element						Utiliser un widget comme : collapsible content area
figcaption element						?
figure element						?
footer element						ajouter le role ARIA role="contentinfo" seulement un par page. note: le lecteur d'écran Window Eyes a des bugs concernant l'utilisation de certains éléments HTML5 avec des roles ARIA du type landmark.
header element
hgroup element						Si utilisé, vous n'avez besoin de rien car il est traité comme un élément div.
color input						Utiliser un widget accessible comme: Dijit Colour pallette
Date input						Utiliser un widget accessible comme: Dijit date picker ou extjs date picker
Date and Time input						Utiliser un widget accessible comme: Dijit date picker ou extjs date picker
Local Date and Time input						Utiliser un widget accessible comme: Dijit date picker et extjs date picker
E-mail input						se dégrade correctement nativement
Month input						Utiliser un widget accessible comme: Dijit date picker et extjs date picker
Number input						Utiliser un widget comme: dijit number spinner
Range input						Utiliser un widget comme: slider ou double slider
Search input						se dégrade correctement nativement
Telephone input						se dégrade correctement nativement
Time input						Utiliser un widget comme: dijit number spinner
URL input						se dégrade correctement nativement
Week input						Utiliser un widget accessible comme: Dijit date picker et extjs date picker
menu > context menu						Utiliser un menu contextuel via javascript, incluant l'attribut aria-haspopup="true" sur un élément qui a le menu contextuel scripté et ne pas oublier de rendre le menu contextuel utilisable au clavier.
menu>						Utiliser un widget comme: dijit menu ou jQuery menu ou extjs menu
menu > toolbar						Utiliser un widget comme: extjs toolbar ou dijit toolbar
meter element						Utiliser un widget de vote comme: rating widget ou dojo rating
nav element						ajouter le role ARIA role="article". note: le lecteur d'écran Window Eyes a des bugs concernant l'utilisation de certains éléments HTML5 avec des roles ARIA du type landmark.
output element						ajouter un attribut aria-live="polite"
progress element						utiliser un widget type progress bar comme: dijit progress ou jQuery progress bar
section element						ajouter le role ARIA role="region"
summary element						Utiliser un widget comme: collapsible content area
video element						ajouter des contrôles par javascript