Apprenez les directives d'accessibilité du contenu web pour rendre un site ou une application accessible à tous, y compris aux personnes en situation de handicap, et améliorer l'expérience utilisateur globale. Comment développer des produits ou des applications numériques accessibles ? #AccessibilitéWeb #DirectivesAccessibilitéWeb #Accessibilité #SirSajjad #AccessibilitéNumérique #DirectivesAccessibilitéContenuWeb #WCAG
Lien de téléchargement de la présentation sur l'accessibilité web :
Comment ajouter des sous-titres ou des légendes sur les vidéos YouTube ? :
Cliquez sur les horodatages pour aller à un sujet spécifique :
**********************************************
0:00 Qu'est-ce que l'accessibilité web ?
2:00 Pourquoi l'accessibilité est-elle importante ?
3:30 Directives d'accessibilité
20:31 Outils de test d'accessibilité
23:19 Fiche de triche sur l'accessibilité
26:10 Ressources sur l'accessibilité
Ressources sur l'accessibilité :
*************************
Accessibilité web :
WAI-ARIA :
Outils de test d'accessibilité :
ChromeVox (Extension Chrome gratuite)
Narrateur de Windows (Application intégrée de Windows)
VoiceOver de Mac (Application intégrée de Mac)
WAVE - Test automatisé (Extension Chrome gratuite)
Design réactif :
Directives d'accessibilité web :
*****************************
*Utilisez des textes, des boutons et des contrôles plus grands.
*Ajoutez suffisamment de contraste entre le texte et la couleur de fond.
*Ajoutez un texte alternatif pour toutes les images non décoratives.
*Ajoutez des légendes ou des sous-titres et des transcriptions dans toutes les vidéos et audios.
*Assurez-vous que le site web est accessible et utilisable uniquement au clavier sans souris.
*Assurez-vous que tous les éléments de formulaire sont accessibles en utilisant uniquement le clavier et dans le bon ordre.
*Utilisez un design cohérent, une navigation, une famille de polices, des couleurs et une taille de police uniformes sur tout le site.
*Le design doit être réactif pour bien s'afficher sur tous les appareils.
*Utilisez un code HTML sémantique.
*L'ordre de focus des onglets au clavier doit être logique.
*Ajoutez un lien de saut de navigation.
*Offrez suffisamment de temps pour accomplir une tâche.
*Rendez-le intuitif, facile à comprendre et à utiliser.
*Utilisez un langage simple, clair et concis.
*Ajoutez des instructions et de l'aide pour la prévention et la récupération des erreurs.
*Utilisez ARIA pour rendre les contrôles JavaScript et jQuery accessibles.
*Ne jamais utiliser la couleur seule pour transmettre des informations.
*Assurez l'accessibilité des fichiers PDF, Word et PowerPoint.
*Ajoutez des liens descriptifs.
*Effectuez des tests d'accessibilité.