[{"data":1,"prerenderedAt":44},["ShallowReactive",2],{"course-accessibilite-et-ecoconception-pratiques-communes":3,"highlight-html-\u003Cnav aria-label=\"Pag":43},{"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":7,"maximumParticipants":7,"duration":17,"reference":18,"trainerType":7,"updated_at":19,"created_at":19,"price":20,"organizationMode":21,"theme":24,"code":28,"tags":33,"metadata":34},"/api/courses/b3c75de5-b36a-11f1-a993-d8ca06000363","Accessibilité et écoconception : pratiques communes","accessibilite-et-ecoconception-pratiques-communes",null,"Développeurs web, intégrateurs, designers, chefs de projet, testeurs.","-   Pratique du développement ou de la conception web.","-   identifier les pratiques bénéfiques à la fois à l'accessibilité et à la sobriété\n-   produire des interfaces simples, accessibles et légères\n-   outiller la vérification conjointe des deux dimensions\n-   intégrer ces contrôles au cycle de développement","--day1--\n\n## Comprendre les deux démarches\n\n-   Objectifs et référentiels de l'accessibilité numérique\n-   Objectifs et référentiels de l'écoconception\n-   Obligations applicables à chacune des deux démarches\n-   Public concerné et bénéfices attendus\n-   Coût d'une démarche menée séparément plutôt que conjointement\n-   Travaux pratiques : comparaison des deux référentiels sur un périmètre commun\n\n--break--\n\n## Convergences\n\n-   Structure sémantique : bénéfice pour les technologies d'assistance et pour le poids\n-   Simplicité des parcours et réduction des interactions\n-   Contenus alternatifs, contrastes et lisibilité\n-   Compatibilité avec des terminaux anciens et des connexions limitées\n-   Sobriété éditoriale et compréhension\n-   Travaux pratiques : identification des pratiques à double bénéfice sur un service\n\n--day2--\n\n## Tensions et arbitrages\n\n-   Points de tension : sous-titrage, contenus enrichis, aides visuelles\n-   Arbitrages argumentés entre les deux exigences\n-   Cas où l'accessibilité prime sans discussion\n-   Solutions techniques conciliant les deux objectifs\n-   Documentation des arbitrages effectués\n-   Travaux pratiques : traitement de trois cas de tension et argumentation des choix\n\n--break--\n\n## Outiller et pérenniser\n\n-   Outillage de vérification conjointe\n-   Intégration des deux référentiels dans le cycle de développement\n-   Contrôles automatisés et vérifications manuelles complémentaires\n-   Cohérence entre déclaration d'accessibilité et déclaration d'écoconception\n-   Montée en compétence des équipes sur les deux dimensions\n-   Travaux pratiques : correction d'une page sur les deux dimensions et mesure des effets","Présentiel, distanciel, hybride","Les supports pédagogiques sont remis aux stagiaires sous format numérique et/ou papier selon les modalités de la formation.\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\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\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 formation et ses modules, puis nous vous adresserons un devis.\n\nLes dates de la formation seront à convenir sous 30 jours maximum.","14.00","L3-DEV-08","2026-09-18T16:10:28+00:00","1500.00",{"id":22,"name":23},"/api/organization_mode_types/6","HYBRID",{"id":25,"name":26,"slug":27},"/api/themes/58f434cd-cc00-4677-b118-32d326f90593","Numérique responsable","numerique-responsable",{"id":29,"label":30,"domain":31},"/api/training_specialities/163","326 - Informatique, traitement de l’information, réseaux de transmission des données",{"label":32},"32 - Communication et information",[],{"desc-accroche":35,"Description":36,"icon-color":37,"icon-name":38,"code-langage":39,"code-snippet":40,"courte-description":41,"titre-accroche":42},"Identifiez les pratiques bénéfiques à la fois à l'accessibilité et à la sobriété, structurez un HTML sémantique conforme au RGAA, outillez la vérification conjointe des deux dimensions et traitez les points de tension réels.","Cette formation traite les convergences entre deux démarches souvent menées séparément : un service accessible, structuré avec un HTML sémantique conforme au RGAA, est généralement plus léger et plus sobre, et une interface sobre facilite en retour l'accessibilité. Les participants apprennent à identifier les pratiques bénéfiques aux deux dimensions — structure sémantique, contrastes suffisants, navigation clavier, réduction des animations — à produire des interfaces simples et accessibles, et à outiller la vérification conjointe de l'accessibilité et de la sobriété dans le cycle de développement. La formation traite aussi les quelques points de tension réels entre les deux démarches. Elle s'adresse aux développeurs web, intégrateurs, designers, chefs de projet et testeurs.","#047857","mdi:wheelchair-accessibility","html","\u003Cnav aria-label=\"Pagination des resultats\">\n  \u003Cul>\n    \u003Cli>\u003Ca href=\"?page=1\" aria-current=\"page\">1\u003C/a>\u003C/li>\n    \u003Cli>\u003Ca href=\"?page=2\">2\u003C/a>\u003C/li>\n  \u003C/ul>\n\u003C/nav>\n\u003Cdiv role=\"status\" aria-live=\"polite\" class=\"visually-hidden\">\n  12 resultats charges\n\u003C/div>","Formation accessibilité et écoconception : pratiques communes, HTML sémantique et RGAA, vérification conjointe, gestion des points de tension.","Conciliez accessibilité et écoconception pour produire des interfaces à la fois inclusives, simples et légères.","\u003Cpre class=\"hljs\">\u003Ccode class=\"language-html\">\u003Cspan class=\"hljs-tag\">&lt;\u003Cspan class=\"hljs-name\">nav\u003C/span> \u003Cspan class=\"hljs-attr\">aria-label\u003C/span>=\u003Cspan class=\"hljs-string\">&quot;Pagination des resultats&quot;\u003C/span>&gt;\u003C/span>\n  \u003Cspan class=\"hljs-tag\">&lt;\u003Cspan class=\"hljs-name\">ul\u003C/span>&gt;\u003C/span>\n    \u003Cspan class=\"hljs-tag\">&lt;\u003Cspan class=\"hljs-name\">li\u003C/span>&gt;\u003C/span>\u003Cspan class=\"hljs-tag\">&lt;\u003Cspan class=\"hljs-name\">a\u003C/span> \u003Cspan class=\"hljs-attr\">href\u003C/span>=\u003Cspan class=\"hljs-string\">&quot;?page=1&quot;\u003C/span> \u003Cspan class=\"hljs-attr\">aria-current\u003C/span>=\u003Cspan class=\"hljs-string\">&quot;page&quot;\u003C/span>&gt;\u003C/span>1\u003Cspan class=\"hljs-tag\">&lt;/\u003Cspan class=\"hljs-name\">a\u003C/span>&gt;\u003C/span>\u003Cspan class=\"hljs-tag\">&lt;/\u003Cspan class=\"hljs-name\">li\u003C/span>&gt;\u003C/span>\n    \u003Cspan class=\"hljs-tag\">&lt;\u003Cspan class=\"hljs-name\">li\u003C/span>&gt;\u003C/span>\u003Cspan class=\"hljs-tag\">&lt;\u003Cspan class=\"hljs-name\">a\u003C/span> \u003Cspan class=\"hljs-attr\">href\u003C/span>=\u003Cspan class=\"hljs-string\">&quot;?page=2&quot;\u003C/span>&gt;\u003C/span>2\u003Cspan class=\"hljs-tag\">&lt;/\u003Cspan class=\"hljs-name\">a\u003C/span>&gt;\u003C/span>\u003Cspan class=\"hljs-tag\">&lt;/\u003Cspan class=\"hljs-name\">li\u003C/span>&gt;\u003C/span>\n  \u003Cspan class=\"hljs-tag\">&lt;/\u003Cspan class=\"hljs-name\">ul\u003C/span>&gt;\u003C/span>\n\u003Cspan class=\"hljs-tag\">&lt;/\u003Cspan class=\"hljs-name\">nav\u003C/span>&gt;\u003C/span>\n\u003Cspan class=\"hljs-tag\">&lt;\u003Cspan class=\"hljs-name\">div\u003C/span> \u003Cspan class=\"hljs-attr\">role\u003C/span>=\u003Cspan class=\"hljs-string\">&quot;status&quot;\u003C/span> \u003Cspan class=\"hljs-attr\">aria-live\u003C/span>=\u003Cspan class=\"hljs-string\">&quot;polite&quot;\u003C/span> \u003Cspan class=\"hljs-attr\">class\u003C/span>=\u003Cspan class=\"hljs-string\">&quot;visually-hidden&quot;\u003C/span>&gt;\u003C/span>\n  12 resultats charges\n\u003Cspan class=\"hljs-tag\">&lt;/\u003Cspan class=\"hljs-name\">div\u003C/span>&gt;\u003C/span>\u003C/code>\u003C/pre>",1789740841272]