Vous souhaitez suivre cette formation ?

Contactez-nous ! Un expert vous recontactera dans les plus brefs délais.

Les 4 derniers articles du blog

Comment Utiliser Gemini dans la Formation Professionnelle en 2025 ?

Découvrez comment l'IA Gemini de Google transforme la formation professionnelle en 2025 : gain de temps, personnalisation, efficacité pédagogique et adaptabilité aux besoins évolutifs des entreprises.

Allan Busi

30 juin 202414 min

Comment réussir son parcours étudiant en 2025 : stratégies et conseils clés

Découvrez les meilleures stratégies pour réussir ses études en 2025 grâce aux tendances récentes, aux outils numériques et à une organisation efficace.

Allan Busi

30 juin 202416 min

Quelles sont les erreurs à éviter avec le CPF en 2025 ?

Découvrez les principales erreurs à éviter pour optimiser l’utilisation de votre Compte Personnel de Formation (CPF) en 2025 et sécuriser votre parcours formation.

Allan Busi

30 juin 202412 min

Comment digitaliser un centre de formation en 2025 ? Étapes, outils et bonnes pratiques

Découvrez un guide complet pour digitaliser avec succès votre centre de formation en 2025 : étapes clés, outils incontournables, stratégies et conseils concrets pour rester compétitif.

Allan Busi

30 juin 202413 min

Voir tous les articles

Objectifs de la formation

Comprendre l’importance de l’accessibilité pour les boutons web

Connaître les normes et recommandations WCAG liées aux éléments interactifs

Savoir coder des boutons accessibles au clavier et aux lecteurs d'écran

Maîtriser les attributs ARIA pertinents et l’organisation sémantique des boutons

Tester et valider l’accessibilité de ses composants dans divers scénarios

Programme

Jour 1Les Fondamentaux des Boutons Accessibles

Définitions clés de l’accessibilité numérique et de l’inclusion. Problématiques rencontrées par les personnes en situation de handicap. Aperçu des WCAG et exigences légales. Rôles des boutons dans la navigation et l’interaction utilisateur. Différences sémantiques entre <button>, <a>, <div> et les autres éléments interactifs. Importance de l’utilisation correcte des balises HTML natifs pour les boutons.

Jour 2Techniques de Base pour un Bouton Accessible

Balises et attributs essentiels. Focus visible et accessible : gestion du focus clavier, transitions et bonnes pratiques UX. Le rôle des attributs ARIA : aria-label, aria-pressed, aria-disabled, aria-haspopup, etc. Cas pratiques – Rendre accessibles des boutons personnalisés (stylisés en CSS ou créés dynamiquement en JavaScript). Tests d’accessibilité de base avec le clavier et VoiceOver/NVDA.

Jour 3Bonnes Pratiques Avancées et Validation de l’Accessibilité

Gestion des états et feedback utilisateur (visuel, sonore et textuel). Différences entre désactivation et masquage. Compatibilité mobile et accessibilité tactile. Tests et outils de validation : axe DevTools, Lighthouse, aXe, Wave, extension ARC Toolkit, navigation en mode lecteur d’écran. Analyse de cas réels : optimisation du code, correction des erreurs fréquentes, retours d’expérience terrain. Conseils pour documenter et intégrer l’accessibilité au sein d’un projet ou d’une Design System.

Méthode d'évaluation

Travaux pratiques tout au long de la formation : identification et correction de boutons non accessibles
Exercice final : implémentation d’un composant bouton accessible et restitution orale
QCM de vérification des connaissances sur WCAG et ARIA

Méthode d'apprentissage

Ateliers pratiques sur éditeur de code
Démonstrations commentées sur des cas concrets
Mises en situation en binôme
Support de formation PDF fourni

Chargement en cours...

Vous souhaitez suivre cette formation ?

Les 4 derniers articles du blog

Comment Utiliser Gemini dans la Formation Professionnelle en 2025 ?

Comment réussir son parcours étudiant en 2025 : stratégies et conseils clés

Quelles sont les erreurs à éviter avec le CPF en 2025 ?

Comment digitaliser un centre de formation en 2025 ? Étapes, outils et bonnes pratiques

Créer des Boutons Accessibles sur le Web : Guide Pratique pour l’Accessibilité Numérique

Objectifs de la formation

Programme

Méthode d'évaluation

Méthode d'apprentissage

Ces formations pourraient vous plaire

Focus Visible en Accessibilité Web : Guide Pratique et Mise en Œuvre

Maîtriser les normes WCAG : Formation professionnelle à l’accessibilité numérique

Maîtriser l’Accessibilité Web : Formation Complète sur les Normes WCAG 2.1

Maîtriser le Focus Visible pour l’Accessibilité Web : Techniques et Bonnes Pratiques