{"id":386,"date":"2021-06-03T08:46:54","date_gmt":"2021-06-03T08:46:54","guid":{"rendered":"https:\/\/inserm.xyz\/kb\/?p=386"},"modified":"2022-09-22T13:29:39","modified_gmt":"2022-09-22T13:29:39","slug":"meta-donnees-des-images","status":"publish","type":"post","link":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/?p=386","title":{"rendered":"M\u00e9ta-donn\u00e9es des images"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">La m\u00e9diath\u00e8que WordPress permet d&rsquo;associer des m\u00e9ta-donn\u00e9es aux images. Bien remplir ces m\u00e9ta-donn\u00e9es permet de retrouver une image facilement en faisant une recherche dans la m\u00e9diath\u00e8que.<\/p>\n\n\n\n<figure class=\"wp-block-table alignwide\"><table><thead><tr><th>Champ<\/th><th>Usage<\/th><th>Cherchable<\/th><th>Visible en front<\/th><\/tr><\/thead><tbody><tr><td>Texte alternatif<\/td><td>Explicite le contenu de l&rsquo;image (accessibilit\u00e9)<\/td><td><strong>non<\/strong><\/td><td>oui<\/td><\/tr><tr><td>Titre<\/td><td>Nom de l&rsquo;image<\/td><td>oui<\/td><td>oui (titre fichier)<\/td><\/tr><tr><td>L\u00e9gende<\/td><td>L\u00e9gende par d\u00e9faut de l&rsquo;image<\/td><td><strong>non<\/strong><\/td><td>oui<\/td><\/tr><tr><td>Description<\/td><td>???<\/td><td>oui<\/td><td><strong>non, mais&#8230;<\/strong><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ne pas mettre n&rsquo;importe quoi en description<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le champ <code>Description<\/code> n&rsquo;est g\u00e9n\u00e9ralement pas affich\u00e9 et reste assez myst\u00e9rieux. On peut \u00eatre tent\u00e9 d&rsquo;y mettre n&rsquo;importe quoi, vu qu&rsquo;il ne s&rsquo;affiche pas. Mauvaise id\u00e9e, car ce champ peut devenir visible :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>en front, si le th\u00e8me propose une page \u00ab\u00a0fichier joint\u00a0\u00bb pour les m\u00e9dias<\/li>\n\n\n\n<li>via l&rsquo;API, si on fait une requ\u00eate pour r\u00e9cup\u00e9rer l&rsquo;image<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Notre th\u00e8me n&rsquo;affiche <em>pour l&rsquo;instant<\/em> pas de page fichier joint, mais \u00e7a pourrait voir un sens \u00e0 l&rsquo;avenir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Le myst\u00e8re du champ description<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Selon <a href=\"https:\/\/wordpress.org\/support\/article\/edit-media\/\">la documentation de WordPress<\/a>, ce champ donne \u00ab\u00a0une explication de ce m\u00e9dia en particulier\u00a0\u00bb. Merci, la doc pas utile de WordPress. L&rsquo;id\u00e9e que le champ description s&rsquo;affiche dans la page de fichier joint est mentionn\u00e9e \u00e0 plusieurs endroits sur le web (par exemple dans <a href=\"https:\/\/mor10.com\/power-of-wordpress-image-metadata\/\">cet article sur les m\u00e9ta-donn\u00e9es image dans WordPress<\/a>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selon la formation Accessibilit\u00e9 d&rsquo;Empreinte Digitale, ce champ sert \u00e0 proposer une description longue du contenu, quand le <code>alt<\/code> ne suffit pas. Le alt devrait rester assez court (80-120 caract\u00e8re, soit environ 2 lignes d&rsquo;une plage braille). Pour le reste, il faut utiliser <code>Description<\/code>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selon moi, l&rsquo;explication d&rsquo;Empreinte Digitale est douteuse, parce que le contenu du champ description n&rsquo;est pas repris automatiquement dans le code (test\u00e9), et que la description longue via ce champ ne peut pas \u00eatre structur\u00e9e, ce qui est pr\u00e9cis\u00e9ment l&rsquo;int\u00e9r\u00eat d&rsquo;une description longue.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La m\u00e9diath\u00e8que WordPress permet d&rsquo;associer des m\u00e9ta-donn\u00e9es aux images. Bien remplir ces m\u00e9ta-donn\u00e9es permet de retrouver une image facilement en faisant une recherche dans la m\u00e9diath\u00e8que. Champ Usage Cherchable Visible en front Texte alternatif Explicite le contenu de l&rsquo;image (accessibilit\u00e9) non oui Titre Nom de l&rsquo;image oui oui (titre fichier) L\u00e9gende L\u00e9gende par d\u00e9faut de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_analysis_target_kw":"","_crdt_document":"","footnotes":""},"categories":[35],"tags":[29,30],"class_list":["post-386","post","type-post","status-publish","format-standard","hentry","category-contenu","tag-accessibilite","tag-image"],"_links":{"self":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/386","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=386"}],"version-history":[{"count":5,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/386\/revisions"}],"predecessor-version":[{"id":765,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=\/wp\/v2\/posts\/386\/revisions\/765"}],"wp:attachment":[{"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=386"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress-kb.test.inserm.cloud-ed.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}