[{"data":1,"prerenderedAt":53},["ShallowReactive",2],{"course-developper-et-coder-des-sites-web-accessibles":3,"highlight-HTML-\u003Cnav aria-label=\"Men":52},{"id":4,"name":5,"slug":6,"location":7,"targetAudienceFormatMarkdown":8,"prerequisitesFormatMarkdown":9,"objectivesFormatMarkdown":10,"descriptionFormatMarkdown":11,"teachingMethodsFormatMarkdown":12,"teachingResourcesFormatMarkdown":13,"evaluationMethodsFormatMarkdown":14,"accessibilityFormatMarkdown":15,"accessMethodsFormatMarkdown":16,"minimumParticipants":17,"maximumParticipants":18,"duration":19,"reference":20,"trainerType":20,"updated_at":21,"created_at":22,"price":23,"organizationMode":24,"theme":27,"code":31,"tags":36,"metadata":43},"/api/courses/128c4f86-7a0b-44ad-b7f0-5ae68ab2de4c","Développer et coder des sites web accessibles","developper-et-coder-des-sites-web-accessibles","Presentiel ou distanciel","Développeurs web, intégrateurs...","-   Avoir suivi la formation « Sensibilisation à l’accessibilité numérique »\n-   Disposer de connaissances avancées dans le développement de sites web.","-   Définir précisément ce qu’est l’accessibilité numérique et la distinguer des autres domaines connexes : ergonomie, qualité\n-   Connaître les normes d’accessibilité numérique : règles internationales (WCAG) et référentiel général d'Amélioration de l'Accessibilité (RGAA)\n-   Concevoir un code conforme aux règles d’accessibilité\n-   Débuguer un code non-accessible\n-   Savoir intégrer les règles d’accessibilité dans ses habitudes de développement\n-   Être capable de dialoguer avec des consultants en accessibilité en cas d’audit","--day1--\n\n  \n\n## Enjeux RSE et cadre normatif (3h30)\n\n  \n\n-   Accessibilité numérique et RSE : inclusion, obligations, labels, réglementation (0h30)\n-   Présentation des enjeux : handicap, vieillissement, fracture numérique (0h45)\n-   Accessibilité vs ergonomie, UX, qualité web (0h45)\n-   Introduction aux WCAG 2.1/2.2 et au RGAA 4.1 (1h)\n-   Structure des référentiels (critères, tests, niveaux A-AA-AAA) (0h30) \n\n--break--\n\n  \n\n## Evaluer l’accessibilité d’un site existant (3h30)\n\n  \n\n-   Présentation des outils : Wave, axe DevTools, Lighthouse, RGAA tests (0h45)\n-   Lecture et navigation avec un lecteur d’écran (NVDA, VoiceOver mobile) (0h45)\n-   Accessibilité mobile : tactile, responsive, focus visuel, lisibilité (0h45)\n-   Grille RGAA de validation progressive à remplir lors de l’analyse (0h30)\n-   Atelier : audit manuel d’un mini-site non conforme (1h15) \n\n  \n\n--day2--\n\n  \n\n## Codage accessible HTML / ARIA / multimédia (3h30)\n\n  \n\n-   Balises HTML structurantes (header, main, nav, h1-h6, section) (0h45)\n-   Attributs ARIA essentiels (aria-label, role, aria-hidden, tabindex) (0h45)\n-   Tableaux accessibles (caption, th, scope, relations logiques) (0h30)\n-   Multimédia accessible : sous-titres, transcription, alternatives audio/vidéo (0h30)\n-   Gestion du focus clavier, ordonnancement et modales accessibles (0h30)\n-   Atelier : correction guidée d’un gabarit HTML non conforme avec checklist RGAA (1h)\n\n--break--\n\n  \n\n## Intégration projet, IA, CI/CD et erreurs à éviter (3h30)\n\n  \n\n-   Introduction aux tests automatiques d’accessibilité : axe-core, pa11y, Lighthouse (0h45)\n-   CSS et JS accessibles : focus, animations, pièges à éviter (0h45)\n-   IA et accessibilité : démo de génération de code ARIA via ChatGPT + évaluation critique (0h45)\n-   Liste des erreurs fréquentes d’intégrateurs et solutions (liens sans sens, boutons mal typés...) (0h30)\n-   Simulation de validation / jeu de rôle : présentation orale d’un plan correctif RGAA (0h30)\n-   Atelier final collaboratif : corriger un mini-site et documenter sa conformité (1h)","Nos formations, équilibrées entre théorie (50%) et pratique (50%), offrent un apprentissage interactif grâce à des méthodes variées comme les travaux pratiques, les mises en situation et les démonstrations. Des QCM réguliers assurent le suivi des acquis.\n\nVariables suivant les formations, les moyens techniques mis en oeuvre sont :\n\nOrdinateurs Mac ou PC, connexion internet fibre, tableau blanc ou écran (pour le distanciel).\n\nEn cas de formation intra sur site externe à Le Code, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires\n\n(équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué\n\nLes prérequis techniques seront communiqués aux apprenants en amont de la formation, lors de l'analyse des besoins, en fonction des spécificités de chaque client.","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\n\n  \n\nIls comprennent des supports de cours, des présentations, des fiches pratiques, des études de cas, des exercices applicatifs ainsi que des QCM d’entraînement selon la formation. (adapté au choix du formateur)\n\n  \n\nLes formations s’appuient sur des moyens techniques adaptés : ordinateurs, logiciels professionnels, connexion internet, écran ou vidéoprojecteur, ainsi que des outils collaboratifs et de visioconférence pour les formations à distance.\n\n  \n\nL’ensemble des supports pédagogiques est accessible pendant et après la formation afin de favoriser l’appropriation et la mise en pratique des compétences acquises.","En amont de la formation, un recueil des besoins permet de récolter des informations sur le stagiaire et ses attentes. L’évaluation se fait en cours de formation, par des études de cas ou des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation et/ou un examen.\n\nUn suivi de qualité est effectué grâce à nos sessions en groupe restreint (entre 2 et 9 participants maximum). Le stagiaire émargera par demi-journée et recevra une attestation de formation.","Nous informons l'ensemble de nos clients et stagiaires que nous sommes dans la capacité d’adapter les sessions selon les handicaps et les situations spécifiques. Nous nous engageons à répondre à toutes vos demandes sous un délai de 48h ouvré.","Si l’une de nos formations vous intéresse, contactez-nous au +33 4 93 65 34 24 ou à l’adresse mail contact@m2g-intellect.fr. Selon votre besoin et vos attentes, nous organiserons un échange téléphonique avec le formateur pressenti afin d’adapter la\n\nformation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.",1,10,"14.00",null,"2026-06-25T15:11:20+00:00","2026-01-18T14:39:43+00:00","686.00",{"id":25,"name":26},"/api/organization_mode_types/6","HYBRID",{"id":28,"name":29,"slug":30},"/api/themes/58f434cd-cc00-4677-b118-32d326f90593","Numérique responsable","numerique-responsable",{"id":32,"label":33,"domain":34},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":35},"32 - Communication et information",[37,40],{"id":38,"name":39},"e27bbeb4-e786-47db-ae61-590688072ae3","ACTIONCOLLECTIVE",{"id":41,"name":42},"7732139d-6025-4fde-b145-39298ced3408","MENUFEATURED",{"desc-accroche":44,"Description":45,"icon-color":46,"icon-name":47,"code-langage":48,"code-snippet":49,"courte-description":50,"titre-accroche":51},"Acquérez les compétences techniques pour implémenter l'Accessibilité (WCAG/RGAA) dans votre code HTML/CSS/JavaScript : Maîtrisez la sémantique, les rôles ARIA, la gestion du focus et le développement de composants web accessibles.","Cette formation pratique est spécifiquement conçue pour les développeurs frontend et les intégrateurs. Elle se concentre sur l'application technique des normes d'accessibilité (WCAG et RGAA) directement dans le code. Vous approfondirez la maîtrise du HTML sémantique comme fondation d'un site accessible et apprendrez à utiliser les propriétés WAI-ARIA pour rendre les composants complexes (menus, carrousels, modales) exploitables par les technologies d'assistance. Le cours couvrira également la gestion cruciale du focus clavier, l'assurance d'un contraste suffisant et les techniques de développement JavaScript qui ne rompent pas l'accessibilité. À l'issue de cette formation, vous serez capable d'intégrer l'accessibilité comme une exigence de qualité, en sachant tester et corriger les problèmes à la source.","#005090","ion:accessibility-outline","HTML","\u003Cnav aria-label=\"Menu principal\">\n\t\u003Cul>\n\t\t\u003C/ul>\n\u003C/nav>\n\n\u003Cinput\n\ttype=\"text\"\n\tid=\"nom\"\n\taria-required=\"true\"\n\taria-describedby=\"info-aide\"\n/>","Formation technique pour développeurs : Coder des sites web accessibles. Maîtrisez le HTML sémantique, les rôles ARIA, la gestion du focus et les techniques de développement conformes aux WCAG/RGAA.","Devenez développeur a11y : Apprenez à coder des interfaces web parfaitement accessibles et conformes aux normes (RGAA, WCAG) pour garantir l'inclusion et la qualité de vos projets numériques.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-html\">\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">nav\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">"Menu principal"\u003C/span>>\u003C/span>\n\t\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\t\t\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">ul\u003C/span>>\u003C/span>\n\u003Cspan class=\"hljs-tag\"></\u003Cspan class=\"hljs-name\">nav\u003C/span>>\u003C/span>\n\n\u003Cspan class=\"hljs-tag\"><\u003Cspan class=\"hljs-name\">input\u003C/span>\n\t\u003Cspan class=\"hljs-attr\">type\u003C/span>=\u003Cspan class=\"hljs-string\">"text"\u003C/span>\n\t\u003Cspan class=\"hljs-attr\">id\u003C/span>=\u003Cspan class=\"hljs-string\">"nom"\u003C/span>\n\t\u003Cspan class=\"hljs-attr\">aria-required\u003C/span>=\u003Cspan class=\"hljs-string\">"true"\u003C/span>\n\t\u003Cspan class=\"hljs-attr\">aria-describedby\u003C/span>=\u003Cspan class=\"hljs-string\">"info-aide"\u003C/span>\n/>\u003C/span>\u003C/code>\u003C/pre>",1792136714213]