{"id":125381,"date":"2023-02-07T10:10:00","date_gmt":"2023-02-07T07:10:00","guid":{"rendered":"https:\/\/android.inform.click\/?p=125381"},"modified":"2022-06-20T13:00:19","modified_gmt":"2022-06-20T10:00:19","slug":"quest-ce-que-le-texte-alternatif-comment-utiliser-lelement-de-page-pour-les-images","status":"publish","type":"post","link":"https:\/\/android.inform.click\/fr\/quest-ce-que-le-texte-alternatif-comment-utiliser-lelement-de-page-pour-les-images\/","title":{"rendered":"Qu&rsquo;est-ce que le texte alternatif\u00a0? Comment utiliser l&rsquo;\u00e9l\u00e9ment de page pour les images"},"content":{"rendered":"<ul>\n<li>Le texte alternatif est un \u00e9l\u00e9ment essentiel de la conception de pages Web. Il s&rsquo;agit d&rsquo;une courte description textuelle d&rsquo;une image sur la page.<\/li>\n<li>Le texte alternatif est utilis\u00e9 par les outils d&rsquo;accessibilit\u00e9 pour lire \u00e0 haute voix les descriptions d&rsquo;images aux visiteurs aveugles ou malvoyants et aux moteurs de recherche pour un meilleur classement des pages Web.\u00a0<\/li>\n<li>Vous pouvez voir le texte alternatif sur n&rsquo;importe quelle page Web en inspectant le code HTML de la page.<\/li>\n<\/ul>\n<p>Le texte alternatif est un composant de la conception de pages Web. Plus pr\u00e9cis\u00e9ment, il s&rsquo;agit d&rsquo;une expression ou d&rsquo;une phrase qui d\u00e9crit une image sur la page.\u00a0<\/p>\n<p>Dans la conception de pages Web modernes, le texte alternatif n&rsquo;est pas affich\u00e9 pour la plupart des utilisateurs, mais il est consid\u00e9r\u00e9 comme un \u00e9l\u00e9ment essentiel d&rsquo;une bonne conception Web, et chaque image d&rsquo;une page doit \u00eatre associ\u00e9e \u00e0 un texte alternatif.\u00a0<\/p>\n<h2>Le but du texte alternatif<\/h2>\n<p>Le texte alternatif a deux objectifs principaux. Il est utilis\u00e9 par les outils d&rsquo;accessibilit\u00e9 de lecture d&rsquo;\u00e9cran pour lire \u00e0 haute voix des descriptions d&rsquo;images pour les utilisateurs aveugles, malvoyants ou qui ont besoin d&rsquo;une aide suppl\u00e9mentaire pour voir le contenu de la page. Un bon texte alternatif est essentiel pour que ces utilisateurs aient une exp\u00e9rience satisfaisante sur la page Web.<\/p>\n<p>Il est \u00e9galement utilis\u00e9 par Google et d&rsquo;autres moteurs de recherche pour comprendre le contenu de l&rsquo;image, qu&rsquo;il peut utiliser pour mieux classer la page Web dans les r\u00e9sultats de recherche.\u00a0<\/p>\n<h2>Comment ajouter du texte alternatif \u00e0 une image et le voir en HTML<\/h2>\n<p>L&rsquo;ajout de texte alternatif varie en fonction de la conception Web ou du syst\u00e8me de gestion de contenu utilis\u00e9 pour cr\u00e9er la page Web. En g\u00e9n\u00e9ral, l&rsquo;outil fournira un champ pour saisir le texte alternatif lorsqu&rsquo;une image est t\u00e9l\u00e9charg\u00e9e sur la page Web. Dans la plupart des cas, vous pouvez \u00e9galement modifier l&rsquo;image t\u00e9l\u00e9charg\u00e9e par la suite pour ajouter ou modifier le texte alternatif.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e18d7cd.jpg\" alt=\"Qu&#039;est-ce que le texte alternatif\u00a0? Comment utiliser l&#039;\u00e9l\u00e9ment de page pour les images\" ><\/a><\/p>\n<p>Vous pouvez ajouter du texte alternatif \u00e0 n&rsquo;importe quelle image \u00e0 l&rsquo;aide de l&rsquo;outil de conception Web ou de gestion de contenu, tel que WordPress.<\/p>\n<p>Ce texte alternatif est ensuite encod\u00e9 sur la page en HTML. Vous pouvez le voir dans n&rsquo;importe quel navigateur Web \u00e0 l&rsquo;aide de la fonction &quot;Inspecter&quot; de votre navigateur. Par exemple, dans Chrome, faites un clic droit sur une image sur une page Web et cliquez sur &quot;Inspecter&quot; dans le menu d\u00e9roulant. Dans Firefox, faites un clic droit et choisissez &quot;Inspecter l&rsquo;\u00e9l\u00e9ment&quot;. Dans les deux cas, vous devriez voir appara\u00eetre une fen\u00eatre avec le code HTML de la page. Pour l&rsquo;image, vous devriez voir une balise HTML indiquant &quot;alt=&quot; suivi de la description du texte alternatif.\u00a0<\/p>\n<p><a href=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/android.inform.click\/wp-content\/uploads\/2022\/05\/post-100401-629580e481e22.jpg\" alt=\"Qu&#039;est-ce que le texte alternatif\u00a0? Comment utiliser l&#039;\u00e9l\u00e9ment de page pour les images\" ><\/a><\/p>\n<p>Vous pouvez utiliser l&rsquo;outil Inspecter dans un navigateur comme Chrome pour voir le texte alternatif associ\u00e9 \u00e0 une image dans une page Web.<\/p>\n<h2>Meilleures pratiques pour le texte alternatif<\/h2>\n<p>Les experts en optimisation pour les moteurs de recherche (SEO) disposent de nombreux conseils sur la conception de pages Web et les \u00e9l\u00e9ments de page Web tels que le texte alternatif. Vous pouvez suivre des cours entiers sur ce sujet. Mais en g\u00e9n\u00e9ral, il y a quelques recommandations de base que l&rsquo;on peut faire \u00e0 propos du texte alternatif. Voici quelques conseils g\u00e9n\u00e9raux sur la cr\u00e9ation d&rsquo;un bon texte alternatif\u00a0:<\/p>\n<ul>\n<li>Les conseils sur la longueur changent de temps en temps, mais actuellement, vous devez conserver un texte alternatif inf\u00e9rieur \u00e0 100 caract\u00e8res, espaces compris.\u00a0<\/li>\n<li>D\u00e9crivez l&rsquo;image de mani\u00e8re claire, pr\u00e9cise et succincte.\u00a0<\/li>\n<li>Ne commencez pas le texte alternatif par une phrase comme \u00abPhoto de\u2026\u00bb ou \u00abPhoto de\u2026 \u00bb. D\u00e9crivez simplement ce qu&rsquo;il y a dans l&rsquo;image.\u00a0<\/li>\n<li>Ne \u00abbourrez\u00bb pas le texte alternatif avec des mots-cl\u00e9s li\u00e9s \u00e0 la page Web, mais soyez aussi pr\u00e9cis que possible. Cela aide \u00e0 la fois les visiteurs aveugles et malvoyants, ainsi que Google.<\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.businessinsider.com\" class=\"external external_icon\">www.businessinsider.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le texte alternatif est une courte description textuelle d&rsquo;une image sur une page utilis\u00e9e par les outils d&rsquo;accessibilit\u00e9 et les moteurs de recherche.<\/p>\n","protected":false},"author":1,"featured_media":100402,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[229],"tags":[],"class_list":["post-125381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-classifie-e"],"_links":{"self":[{"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/posts\/125381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=125381"}],"version-history":[{"count":0,"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/posts\/125381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/media\/100402"}],"wp:attachment":[{"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=125381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=125381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/android.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=125381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}