Vue d'ensemble

Introduction

Voici un aperçu de quelques exemples concrets et de bonnes pratiques pour la création de contrôles DHTML (widgets) JavaScript.

Ressources générales

• Le guide du style DHTML fournit des recommandations d'interaction clavier
• Guide pour les auteurs WAI-ARIA

Case (checkbox)

• Exemples de boutons radio ARIA et case à trois états (tiré du blog "The Paciello Group")
• Exemple de case de contrôle ARIA de l'Université d'Illinois

Menu

• Utiliser les rôles & états WAI-ARIA avec le menu de contrôle YUI

Glissière (slider)

• Tiré du blog Paciello Group : glissière ARIA, partie une, partie deux, partie trois (exemple)
• Créer un contrôle d'évaluation (rating widget) Dojo accessible et internationalisé

Onglets (tabs)

• Améliorer l'accessibilité de la TabView grâce aux rôles & états WAI-ARIA, tiré du blog YUI
• Améliorer les onglets UI jQuery selon WCAG 2.0 et ARIA
• Exemple de panneau à onglet sur CodeTalks

Combobox

• Combobox simple (non éditable) comme remplacement de selectbox

Lightbox

• Application lightbox conforme à WCAG 2.0 et ARIA
• https://majx-js.digissime.net/js/popin/

Validation de formulaire

• Validation de formulaire en direct conforme à WCAG 2.0 et ARIA

Tables

• Tutoriel en allemand sur la création de formulaire accessible
• Exemple simple de grille sur CodeTalks
• Grille de sélection de date sur CodeTalks
• Tables triables conformes à WCAG 2.0 et ARIA