{"id":8678,"date":"2023-05-04T14:40:20","date_gmt":"2023-05-04T14:40:20","guid":{"rendered":"https:\/\/www.chezlestices.fr\/CapTice\/?p=8678"},"modified":"2024-07-10T14:20:42","modified_gmt":"2024-07-10T14:20:42","slug":"comment-concevoir-des-ressources-numeriques-accessibles","status":"publish","type":"post","link":"https:\/\/www.chezlestices.fr\/CapTice\/comment-concevoir-des-ressources-numeriques-accessibles\/","title":{"rendered":"Comment concevoir des ressources num\u00e9riques accessibles ?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8678\" class=\"elementor elementor-8678\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a5e79f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"a5e79f7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-973d4e8\" data-id=\"973d4e8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-de19022 elementor-widget elementor-widget-text-editor\" data-id=\"de19022\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Intimid\u00e9\u00b7e par la <strong>conception de contenus num\u00e9riques accessibles<\/strong> ? Vous n&rsquo;\u00eates pas le seul\u00b7e \ud83d\ude31. Bien que tout un tas de textes r\u00e9glementaires et des outils pour v\u00e9rifier la conformit\u00e9 de vos ressources existent, ils peuvent vite devenir une prise de t\u00eate. Passer de z\u00e9ro \u00e0 100 % de <strong>conformit\u00e9 en mati\u00e8re d\u2019accessibilit\u00e9<\/strong> du jour au lendemain ce n&rsquo;est pas \u00e9vident. Mais int\u00e9grer de bonnes pratiques d\u00e8s la phase de conception pour une <strong>am\u00e9lioration graduelle de nos ressources d&rsquo;apprentissage, <\/strong>peut \u00eatre plus accessible \ud83d\ude09.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1ea6dc elementor-widget elementor-widget-heading\" data-id=\"c1ea6dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Des ressources num\u00e9riques accessibles, de quoi parle-t-on ?\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9148269 elementor-widget elementor-widget-text-editor\" data-id=\"9148269\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>L&rsquo;accessibilit\u00e9 est un sujet crucial pour rendre nos <strong>ressources num\u00e9riques compr\u00e9hensibles et utilisables par tous et toutes<\/strong>, y compris par des personnes en situation de handicap. Il s&rsquo;agit d&rsquo;un \u00e9l\u00e9ment cl\u00e9 pour garantir l<strong>&lsquo;\u00e9galit\u00e9 des chances et l&rsquo;inclusion<\/strong> pour nos apprenant\u00b7es. Cependant, malgr\u00e9 l&rsquo;importance de l&rsquo;accessibilit\u00e9 num\u00e9rique, de nombreuses ressources en ligne ne sont pas con\u00e7ues pour \u00eatre accessibles aux personnes en situation de handicap.<\/p><p>Depuis le <strong>23 septembre 2020<\/strong> l&rsquo;obligation d&rsquo;effectuer une d\u00e9claration d&rsquo;accessibilit\u00e9 num\u00e9rique pour les sites et autres outils num\u00e9riques de tout \u00e9tablissement ou structure publique de toute l&rsquo;UE est entr\u00e9e en vigueur. L&rsquo;id\u00e9e ainsi est non seulement de comprendre l&rsquo;importance de l&rsquo;accessibilit\u00e9 mais de passer \u00e0 l&rsquo;action en prenant des mesures qui visent l&rsquo;exp\u00e9rience en ligne inclusive pour les utilisateur\u00b7rices.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-04c2a9a elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"04c2a9a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd834a7\" data-id=\"cd834a7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef2fdcf elementor-widget elementor-widget-heading\" data-id=\"ef2fdcf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Par o\u00f9 commencer...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de98a63 elementor-widget elementor-widget-text-editor\" data-id=\"de98a63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Lors de la cr\u00e9ation ou la mise \u00e0 jour d&rsquo;une ressource num\u00e9rique, il est essentiel de <strong>comprendre qui sont les utilisateur\u00b7rices cibles et quels types de handicaps doivent \u00eatre pris en compte<\/strong>. En effet, chaque utilisateur\u00b7rice a des besoins diff\u00e9rents et il est important de les prendre en compte pour garantir une exp\u00e9rience d&rsquo;apprentissage satisfaisante et inclusive. Par exemple, une personne mal voyante aura besoin d&rsquo;une alternative textuelle pour les images, tandis qu&rsquo;une personne mal entendante aura besoin d&rsquo;une transcription pour les vid\u00e9os. De m\u00eame, les personnes ayant des troubles cognitifs ou des troubles de la lecture peuvent avoir besoin d&rsquo;une pr\u00e9sentation claire et simplifi\u00e9e de l&rsquo;information.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c392dd elementor-widget elementor-widget-text-editor\" data-id=\"5c392dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Il existe de nombreuses bonnes pratiques pour am\u00e9liorer l&rsquo;accessibilit\u00e9 des ressources num\u00e9riques. En voici quelques-unes :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e7b00a elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"6e7b00a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4ab2b0b\" data-id=\"4ab2b0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0f6d0e6 elementor-widget elementor-widget-heading\" data-id=\"0f6d0e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Les bonnes pratiques pour des sites, wiki, plateformes, webdocs, MOOC etc...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccf6777 elementor-widget elementor-widget-heading\" data-id=\"ccf6777\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-small\">L'organisation de la structure<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-06bd090 elementor-widget elementor-widget-text-editor\" data-id=\"06bd090\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elle est essentielle pour permettre une navigation facile et coh\u00e9rente. Il est important d&rsquo;<strong>utiliser <strong>des styles de titres<\/strong> et de sous-titres clairs et bien hi\u00e9rarchis\u00e9s<\/strong> pour structurer les diff\u00e9rentes pages et sections. Cela permettra aux utilisateur\u00b7rices de comprendre rapidement la structure du contenu et de naviguer facilement. Cela facilitera \u00e9galement la lecture par voix de synth\u00e8se des \u00e9l\u00e9ments textuels. L&rsquo;<strong>utilisation des styles de titres<\/strong>\u00a0 apporte les informations n\u00e9cessaires pour que <strong>le logiciel de lecture de synth\u00e8se puisse pr\u00e9ciser \u00e0 l&rsquo;utilisateur\u00b7rice le niveau du titre<\/strong> et le guider dans le d\u00e9roul\u00e9 de la ressource.\u00a0<\/p><p>N&rsquo;ayez pas peur du blanc ! <strong>L\u2019espace blanc est aussi utile pour cr\u00e9er des relations claires et pertinentes<\/strong> entre les titres et les paragraphes.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61912f5 elementor-widget elementor-widget-text-editor\" data-id=\"61912f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u26a0\ufe0f<strong> Attention : Pas de textes justifi\u00e9s !<\/strong> \u00c0 la diff\u00e9rence du support papier, la justification sur un support num\u00e9rique compromet la lisibilit\u00e9 et donc l\u2019accessibilit\u00e9. Pour faire court, l&rsquo;exp\u00e9rience utilisateur\u00b7rice web est diff\u00e9rente de celle d&rsquo;un lecteur\u00b7rice sur un support papier. La justification de documents diffus\u00e9s sur le web augmente la fr\u00e9quence de balayage de l\u2019\u00e9cran et par cons\u00e9quent la fatigue visuelle.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80ec0ce elementor-widget elementor-widget-heading\" data-id=\"80ec0ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-small\">La navigation<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e0f067f elementor-widget elementor-widget-text-editor\" data-id=\"e0f067f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>La navigation doit \u00eatre claire et coh\u00e9rente<\/strong> en termes de nommage, de mise en page et de style afin d&rsquo;aider les utilisateur\u00b7rices \u00e0 trouver rapidement l&rsquo;information recherch\u00e9e. Il est important de fournir des l<strong>iens clairs<\/strong> et des <strong>menus de navigation simples<\/strong> et faciles \u00e0 utiliser. Pensez aux personnes ayant des difficult\u00e9s cognitives !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5779d34 elementor-widget elementor-widget-heading\" data-id=\"5779d34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-small\">Le contraste et la lisibilit\u00e9<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3593a30 elementor-widget elementor-widget-text-editor\" data-id=\"3593a30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Des utilisateur\u00b7rices ayant une vision r\u00e9duite ? Afin de leur faciliter la lecture, il est essentiel d&rsquo;<strong>utiliser des couleurs de texte et de fond qui offrent un bon contraste<\/strong>. Le <strong>choix de la police et de sa taille<\/strong> doit \u00e9galement \u00eatre pris en compte pour assurer une bonne lisibilit\u00e9. Il est vrai qu&rsquo;un nombre quasi- illimit\u00e9 de polices sont disponibles pour le traitement de texte. Ne vous laissez pas emporter \u00e0 vouloir \u00eatre trop cr\u00e9atif au risque que votre ressource devienne illisible. Privil\u00e9giez une taille de police d&rsquo;<strong>au moins 12 pixels<\/strong> et des <strong>typographies avec des caracte\u0300res bien distinguables inte\u0301grant nativement plusieurs styles (gras, italique\u2026)<\/strong>. Les polices comme Times New Roman, Georgia, serif, Arial, Helvetica, et sans-serif sont des bons exemples.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f814ebf elementor-widget elementor-widget-heading\" data-id=\"f814ebf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-small\">L'accessibilit\u00e9 du clavier <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d30c40b elementor-widget elementor-widget-text-editor\" data-id=\"d30c40b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Des utilisateur\u00b7rices ayant une d\u00e9ficience motrice ? Rendez vos ressources faciles pour eux implique de travailler <strong>l&rsquo;ordre des priorit\u00e9s des \u00e9l\u00e9ments et les menus d\u00e9roulants<\/strong>. Certaines personnes en situation de handicap ont des difficult\u00e9s \u00e0 utiliser la souris ou le trackpad. D\u00e9finissez donc, un ordre de priorit\u00e9 logique de vos \u00e9l\u00e9ments afin d&rsquo;am\u00e9liorer leur l&rsquo;exp\u00e9rience d&rsquo;apprentissage.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-061140f elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"061140f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8976270\" data-id=\"8976270\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1a6f132 elementor-widget elementor-widget-heading\" data-id=\"1a6f132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Les bonnes pratiques pour les images, les vid\u00e9os et les \u00e9l\u00e9ments interactifs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0377b52 elementor-widget elementor-widget-heading\" data-id=\"0377b52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-small\">Les alternatives textuelles<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2740c67 elementor-widget elementor-widget-text-editor\" data-id=\"2740c67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Les personnes ayant des troubles visuels ne peuvent pas voir les images dans un document, mais les lecteurs d\u2019\u00e9cran lisent les <strong>balises ALT des images<\/strong>. Une balise ALT correspond\u00a0 \u00e0 un champ \u00e0 remplir en codage HTML et qui permet de <strong>donner une description de l&rsquo;\u00e9l\u00e9ment visuel si ce dernier n&rsquo;appara\u00eet pas \u00e0 l&rsquo;\u00e9cran<\/strong>. La plupart des sites, wikis, plateformes&#8230; permettent de renseigner facilement ce champ sans avoir besoin de coder \ud83d\ude05.\u00a0 Par exemple, si vous incluez une image d\u2019un champ de bl\u00e9, mettez \u00ab image d\u2019un champ de bl\u00e9 \u00bb dans la balise ALT.\u00a0 Les personnes qui utilisent des lecteurs d\u2019\u00e9cran et qui ne peuvent pas voir l\u2019image, comprendront qu\u2019il y a une image d\u2019un champ de bl\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c448e7 elementor-widget elementor-widget-heading\" data-id=\"1c448e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-small\">Les transcriptions des vid\u00e9os ou du mat\u00e9riel audio<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d72fa5d elementor-widget elementor-widget-text-editor\" data-id=\"d72fa5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>La vid\u00e9o comme contenu multim\u00e9dia c&rsquo;est bien. Une vid\u00e9o avec des sous-titres est encore meilleure. Et\u00a0 une vid\u00e9o avec sa transcription post\u00e9e en-dessous, c&rsquo;est le top du top \ud83e\udd29 pour ceux et celles qui ont des d\u00e9ficiences auditives ou une connexion Internet lente.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ebac3a elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"1ebac3a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf2992f\" data-id=\"cf2992f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c7e8ad elementor-widget elementor-widget-heading\" data-id=\"2c7e8ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Les outils pour tester l'accessibilit\u00e9 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f7e42aa elementor-widget elementor-widget-text-editor\" data-id=\"f7e42aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Il existe de nombreux outils en ligne pour tester l&rsquo;accessibilit\u00e9 des nos ressources. Ces outils peuvent aider \u00e0 identifier les probl\u00e8mes d&rsquo;accessibilit\u00e9 et \u00e0 trouver des solutions pour les corriger. Voici 3 outils \u00e0 tester :<\/p><ul><li><a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noopener\">Wave<\/a> : il permet de v\u00e9rifier les pages web pour les erreurs d&rsquo;accessibilit\u00e9 en ligne.<\/li><li><a href=\"https:\/\/www.deque.com\/axe\/\" target=\"_blank\" rel=\"noopener\">Axe<\/a> : r\u00e9put\u00e9 pour \u00eatre un de plus complet. Il fournit un analyse statistique des informations sur les probl\u00e8mes d&rsquo;accessibilit\u00e9 et les recommandations pour les corriger.<\/li><li><a href=\"https:\/\/app.contrast-finder.org\/\" target=\"_blank\" rel=\"noopener\">Contrast-Finder<\/a> : il permet de v\u00e9rifier le contraste des couleurs de texte et de fond pour s&rsquo;assurer qu&rsquo;ils sont suffisamment contrast\u00e9s pour les personnes ayant une vision r\u00e9duite.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b04927 elementor-widget elementor-widget-text-editor\" data-id=\"5b04927\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\ud83d\udcaa Pr\u00eat\u00b7e \u00e0 faire un grand pas en avant vers l&rsquo;accessibilit\u00e9 num\u00e9rique ? Nous vous conseillons vivement de consulter le wiki <a href=\"https:\/\/fermewikisagro.fr\/accessible\/?PagePrincipale\" target=\"_blank\" rel=\"noopener\"><strong>L&rsquo;accessibilit\u00e9 num\u00e9rique<\/strong><\/a>. Une ressource tr\u00e8s riche cr\u00e9\u00e9e par <strong>Alain Prudhomme,<\/strong> du campus de Florac. Elle a pour vocation de nous aider \u00e0 concevoir des ressources num\u00e9riques plus accessibles. Nous vous recommandons particuli\u00e8rement l&rsquo;espace sur les <a href=\"https:\/\/fermewikisagro.fr\/accessible\/?Outils\" target=\"_blank\" rel=\"noopener\">outils et r\u00e9flexions<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7169e95 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no\" data-id=\"7169e95\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e0c4073\" data-id=\"e0c4073\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a2ce131 elementor-widget elementor-widget-heading\" data-id=\"a2ce131\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-medium\">Bonus...<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34e5c70 elementor-widget elementor-widget-text-editor\" data-id=\"34e5c70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Cette s\u00e9rie d&rsquo;affiches \u00ab\u00a0pense-b\u00eates\u00a0\u00bb expliquent ce qu&rsquo;il faut et ne pas faire pour chaque type de d\u00e9ficience. Quelques conseils simples pour nous aider \u00e0 concevoir de ressources pour tous et toutes !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9402525 elementor-widget elementor-widget-shortcode\" data-id=\"9402525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div style=\"position: relative; width: 100%; height: 0; padding-top: 141.4286%;\n padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;\n border-radius: 8px; will-change: transform;\">\n  <iframe loading=\"lazy\" style=\"position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;\"\n    src=\"https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAFjuOz4JDQ&#x2F;view?embed\" allowfullscreen=\"allowfullscreen\" allow=\"fullscreen\">\n  <\/iframe>\n<\/div>\n<a href=\"https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAFjuOz4JDQ&#x2F;view?utm_content=DAFjuOz4JDQ&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link\" target=\"_blank\" rel=\"noopener\">Posters accessibilit\u00e9<\/a> <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-654dc87 elementor-widget elementor-widget-text-editor\" data-id=\"654dc87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\">Source : <a href=\"https:\/\/accessibility.blog.gov.uk\/2016\/09\/02\/dos-and-donts-on-designing-for-accessibility\/\" target=\"_blank\" rel=\"noopener\">UK Home Office<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Intimid\u00e9\u00b7e par la conception de contenus num\u00e9riques\u00a0 accessibles ? Vous n&rsquo;\u00eates pas le seul\u00b7e ?. Bien que tout un tas de textes r\u00e9glementaires et\u00a0 des outils pour v\u00e9rifier la conformit\u00e9 de vos ressources existent, ils peuvent vite devenir une prise de t\u00eate. Passer de z\u00e9ro \u00e0 100 % de conformit\u00e9 en mati\u00e8re d\u2019accessibilit\u00e9 du jour au lendemain ce n&rsquo;est pas \u00e9vidant. <\/p>\n","protected":false},"author":1,"featured_media":8683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","_themeisle_gutenberg_block_has_review":false,"ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[11,451],"tags":[341,214,335,334,177,205,342,343,280,120,119],"class_list":["post-8678","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-etudiants-blog","tag-accessibilite","tag-apprentissage","tag-conception","tag-creation","tag-enseignement","tag-experience","tag-handicap","tag-inclusion","tag-reflexion","tag-ressources-numeriques","tag-ressources-pedagogiques","entry","has-media"],"_links":{"self":[{"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/posts\/8678","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/comments?post=8678"}],"version-history":[{"count":61,"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/posts\/8678\/revisions"}],"predecessor-version":[{"id":8844,"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/posts\/8678\/revisions\/8844"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/media\/8683"}],"wp:attachment":[{"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/media?parent=8678"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/categories?post=8678"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chezlestices.fr\/CapTice\/wp-json\/wp\/v2\/tags?post=8678"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}