{"id":36,"date":"2015-11-27T19:15:31","date_gmt":"2015-11-27T19:15:31","guid":{"rendered":"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/?post_type=chapter&#038;p=36"},"modified":"2015-11-27T19:15:31","modified_gmt":"2015-11-27T19:15:31","slug":"images","status":"publish","type":"chapter","link":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/chapter\/images\/","title":{"raw":"Images","rendered":"Images"},"content":{"raw":"Dans cette section, nous fournissons des recommandations pour guider votre inclusion de contenu accessible bas\u00e9 sur les images.\r\n<h4>Que sont les images?<\/h4>\r\n<strong>Images incluent<\/strong>\u00a0: photographes, diagrammes, dessins, graphiques, cartes.\r\n\r\n<strong>Types de fichiers<\/strong>\u00a0: .gif, .jpg, .png\r\n<h3>Avant de commencer<\/h3>\r\n<h4>Pourquoi avez-vous inclus les images vous avez choisies?<\/h4>\r\nAvant que vous pourriez d\u00e9terminer ce que vous avez besoin pour faire une image accessible, vous devez en premier identifier sa raison d\u2019\u00eatre ou valeur pour votre manuel de cours. Consid\u00e9rez les questions suivantes\u00a0:\r\n<ol>\r\n\t<li>Est-ce que votre image sert un <a href=\"#_Les_images_fonctionnelles\">but fonctionnel<\/a>? En d\u2019autres mots, est-ce qu\u2019il transmet du contenue non textuelle aux \u00e9tudiants? Si oui, vous devrez\u00a0:\r\n<ul>\r\n\t<li>Fournier du texte alternatif qui servira comme \u00e9quivalent du mat\u00e9riel non textuel[footnote]Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.1 Text Alternatives. Acceder de: http:\/\/www.w3.org\/TR\/WCAG20\/#text-equiv[\/footnote]<\/li>\r\n\t<li>N\u2019utilisez pas la couleur comme le seul moyen de transmettre l\u2019information.[footnote]Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.1 Use of Color. Acceder de: http:\/\/www.w3.org\/TR\/WCAG20\/#visual-audiocontrast[\/footnote]<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Est-ce que votre image \u00e0 une <a href=\"#_Les_images_d\u00e9coratives\">raison d\u00e9corative<\/a>? En d\u2019autres mots, est-ce que c\u2019est principalement un \u00e9l\u00e9ment visuel qui ne transmet pas le contenu? Si oui, vous devez\r\n<ul>\r\n\t<li>\u00c9vitez des descriptions superflues<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\n<h4>Pour qui faites-vous ceci?<\/h4>\r\nCe travail appuie les \u00e9tudiants qui\u00a0:\r\n<ul>\r\n\t<li>Sont aveugles ou \u00e0 base vision, par exemple<a href=\"#_Jacob\"> Jacob<\/a><\/li>\r\n\t<li>Ont une pauvre vision de contraste<\/li>\r\n\t<li>Sont daltoniens et ne peuvent pas diff\u00e9rencier entre certaines couleurs<\/li>\r\n\t<li>Utilisent un appareil avec une pr\u00e9sentation monochrome<\/li>\r\n\t<li>Ont une forme de trouble cognitive.<\/li>\r\n<\/ul>\r\n<div>\r\n\r\n&nbsp;\r\n\r\n[caption id=\"attachment_25\" align=\"alignnone\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob-300x225.png\" alt=\"Jacob\" class=\"size-medium wp-image-25\" height=\"225\" width=\"300\" \/><\/a> Image de Horton, Sarah; Quesenbery, Whitney. 2014 A Web for Everyone. New York; Rosenfeld Media. Rosenfeldmedia.com\/books\/a-web-for-everyone\/[\/caption]\r\n<h2>Qu\u2019est-ce que vous avez besoin de faire?<\/h2>\r\n<h3>Les images fonctionnelles et les descriptions en texte alternatif.<\/h3>\r\nConsid\u00e9rez \u00e0 ce que votre page de contenu pourrait ressembler si les images ne t\u00e9l\u00e9chargent pas. Maintenant essayez d\u2019\u00e9crire un texte alternatif pour chaque image qui pourrait fonctionner comme remplacement et fournir le m\u00eame service que l\u2019image.\r\n\r\nPendant que vous travaillez \u00e0 d\u00e9velopper vos descriptions alternatives, garder en t\u00eate les recommandations et conseils suivants\u00a0:\r\n<ul>\r\n\t<li>Souvenez-vous que le texte alternatif doit transmettre le contenu et la fonctionnalit\u00e9 d\u2019une image et est rarement une description litt\u00e9rale de l\u2019image. (e.g. photo d\u2019un chat). Plut\u00f4t que de fournir ce que ressemble l\u2019image, le texte alternatif doit transmettre ce que le contenu de l\u2019image est et ce qu\u2019il fait.[footnote]WebAIM (2014). Alt text blunders. Accessed from: http:\/\/webaim.org\/articles\/gonewild\/#alttext[\/footnote]<\/li>\r\n\t<li>Pour les images relativement simples (e.g. photographes, illustrations), essayez de garder vos descriptions courtes. Vous devez avoir comme objectif la cr\u00e9ation d\u2019une br\u00e8ve description (une ou deux phrases courtes), \u00e9quivalente \u00e0 l\u2019information dans l\u2019image, qui est pr\u00e9cise et concise.<\/li>\r\n\t<li>Pour les images plus complexes (e.g. graphiques d\u00e9taill\u00e9es, cartes), vous aurez besoin de fournir une description de plus qu\u2019une ou deux phrases pour assurer que tous les utilisateurs vont profiter du contenu et contexte que vous attendiez \u00e0 fournir. Dans ses cas, vous devez fournir soit les d\u00e9tails dans le texte qui entoure l\u2019image ou \u00e9crire une longue description de texte sur une page s\u00e9par\u00e9e et un lien que les \u00e9l\u00e8ves peuvent utiliser. Vous devez inclure une courte description en texte (une ou deux phrases) qui explique aux \u00e9tudiants o\u00f9 ils peuvent retrouver les d\u00e9tails que vous fournissez dans la longe description.<\/li>\r\n\t<li>Enlever toute information inutile. Par exemple, vous ne devez pas inclure l\u2019information comme \u00ab\u00a0image de \u2026\u00a0\u00bb ou\u00a0 \u00ab\u00a0photo de...\u00a0\u00bb; la technologie d\u2019assistance identifiera automatiquement le mat\u00e9riel comme une image, dons inclure ce d\u00e9tail dans votre description alternative est superflu.<\/li>\r\n\t<li>\u00c9viter la redondance de votre contenu dans votre description alternative. Ne r\u00e9p\u00e9tez pas la m\u00eame information qui appara\u00eet dans le texte adjoint \u00e0 l\u2019image.<\/li>\r\n<\/ul>\r\nVoici deux exemples de descriptions de texte alternatif\r\n<h3><span lang=\"FR-CA\">Exemple 1 (de <a href=\"http:\/\/opentextbc.ca\/introductiontosociology\/chapter\/chapter20-population-urbanization-and-the-environment\/\">Introduction to sociology)\u00a0<\/a>:<\/span><\/h3>\r\n[caption id=\"attachment_37\" align=\"aligncenter\" width=\"268\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11-268x300.png\" alt=\"Figure 20.11 La ville taudis et la ville globale : Le Fav\u00e9la Morro de Praz\u00e8res en Rio de Janeiro et le district financier de Londres d\u00e9montrent les deux c\u00f4t\u00e9s de l\u2019urbanisation globale (photo courtoise de dany13\/Flickr et Peter Pearson\/Flickr)\" class=\"size-medium wp-image-37\" height=\"300\" width=\"268\" \/><\/a> Figure 20.11 La ville taudis et la ville globale : Le Fav\u00e9la Morro de Praz\u00e8res en Rio de Janeiro et le district financier de Londres d\u00e9montrent les deux c\u00f4t\u00e9s de l\u2019urbanisation globale (photo courtoise de dany13\/Flickr et Peter Pearson\/Flickr)[\/caption]\r\n\r\nCette photographie pourrait \u00eatre d\u00e9crite de la fa\u00e7on suivante\u00a0:\r\n\r\nFigure 20.11 inclut deux photos. La premi\u00e8re montre des \u00e9difices encombr\u00e9s situ\u00e9s sur une colline. Ils sont petits et d\u00e9labr\u00e9s. La deuxi\u00e8me montre des \u00e9difices magnifiques situ\u00e9s pr\u00e8s de l\u2019eau.\r\n<h3>Exemple 2 (Figure 18.1 diagramme deux atomes, double-flacon de <a href=\"http:\/\/opentextbc.ca\/introductorychemistry\/chapter\/entropy-and-the-second-law-of-thermodynamics\/\">Introductory Chemistry<\/a>)\u00a0:<\/h3>\r\n[caption id=\"attachment_38\" align=\"aligncenter\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1-300x266.png\" alt=\"Quand le robinet est ouvert entre les deux flasques, les atomes peuvent se distribu\u00e9es de 4 diff\u00e9rentes mani\u00e8res. \" class=\"size-medium wp-image-38\" height=\"266\" width=\"300\" \/><\/a> Quand le robinet est ouvert entre les deux flasques, les atomes peuvent se distribu\u00e9es de 4 diff\u00e9rentes mani\u00e8res.[\/caption]\r\n\r\nFigure 18.1 pourrait \u00eatre d\u00e9crite comme suite\u00a0:\r\n\r\nFigure 18.1 montre un diagramme avec cinq paires de cercles. Tous les cercles sont ouverts. Celui de gauche est ouvert \u00e0 la droite et celui du c\u00f4t\u00e9 droit est ouvert \u00e0 gauche. Ils sont li\u00e9s \u00e0 leurs points d\u2019ouvertures. Une paire est situ\u00e9e \u00e0 la gauche et entre leurs deux lignes de connections est une ligne rouge verticale \u00e0 travers d\u2019un point noir. Les quatre autres paires sont arrang\u00e9es dans une colonne \u00e0 droite et entre les lignes connectives de chaque paire se trouve un petit cercle avec une ligne horizontale \u00e0 travers. Une fl\u00e8che vers la droite, \u00e9tiquet\u00e9e Ouvrir Robinet, lie la paire du gauche aux quatre paires de la droite. Chacune de ses cinq paires ont deux picots (vert et bleu) arrang\u00e9s de fa\u00e7on diff\u00e9rente. Pour la paire \u00e0 gauche, les deux picots, qui sont situ\u00e9s obliquement, apparaissent seulement dans le cercle \u00e0 gauche. Le picot vert est dans la partie sup\u00e9rieure \u00e0 gauche du cercle et le picot bleu est proche de la partie inf\u00e9rieure \u00e0 droite. La premi\u00e8re paire \u00e0 droite est dans une situation similaire. La seule diff\u00e9rence est que le picot vert est dans la partie sup\u00e9rieure \u00e0 droite et le picot bleu est proche du milieu \u00e0 gauche. La deuxi\u00e8me paire a un picot vert dans le centre du cercle gauche et un picot bleu au centre to cercle droite. La troisi\u00e8me paire a un picot bleu dans la partie sup\u00e9rieure \u00e0 gauche du cercle gauche et un picot vert dans la partie inf\u00e9rieure \u00e0 droite du cercle droit. Pour la derni\u00e8re paire, les deux picots apparaissent obliquement dans le cercle \u00e0 droite. Un picot vert est dans la partie sup\u00e9rieure \u00e0 droite et le picot bleu proche de la partie inf\u00e9rieure \u00e0 gauche.\r\n<h2><span lang=\"FR-CA\">Utilisation de couleur<\/span><\/h2>\r\nConsid\u00e9rez l\u2019apparence de vos images s\u2019ils \u00e9taient pr\u00e9sent\u00e9s uniquement en noir et blanc. Est-ce que le contenu ou contexte n\u00e9cessaire serait perdu si la couleur \u00e9tait enlev\u00e9e? Les images ne doivent pas d\u00e9pendre sur la couleur pour transmettre l\u2019information; si le point que vous faites d\u00e9pend de la couleur pour \u00eatre compris, vous devez peut-\u00eatre modifier votre image ou mise en page pour que les concepts pr\u00e9sent\u00e9s ne soient pas perdus pour ceux qui sont daltoniens ou qui ont besoin d\u2019un grand contraste entre les couleurs.\r\n<h3><span lang=\"FR-CA\">Exemple 1- inaccessible\u00a0:<\/span><\/h3>\r\n[caption id=\"attachment_39\" align=\"alignnone\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1-300x164.png\" alt=\"Dans cette graphique \u00e0 barre simple, la couleur est le seule moyen que l\u2019information est transmise. \" class=\"size-medium wp-image-39\" height=\"164\" width=\"300\" \/><\/a> Dans cette graphique \u00e0 barre simple, la couleur est le seule moyen que l\u2019information est transmise.[\/caption]\r\n<h3>Exemple 2- inaccessible\u00a0:<\/h3>\r\nDans cet exemple d\u2019un graphique \u00e0 barre, couleur est le seul moyen de communiquer les donn\u00e9es.\r\n\r\n[caption id=\"attachment_40\" align=\"alignnone\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM-300x157.png\" alt=\"Cette vue de la m\u00eame barre graphique d\u00e9montre comment le graphique pourrait para\u00eetre \u00e0 un \u00e9tudiant qui est daltonien, ou qui utilise un appareil sans couleur. Toutes les donn\u00e9es pertinentes sont perdues. \" class=\"size-medium wp-image-40\" height=\"157\" width=\"300\" \/><\/a> Cette vue de la m\u00eame barre graphique d\u00e9montre comment le graphique pourrait para\u00eetre \u00e0 un \u00e9tudiant qui est daltonien, ou qui utilise un appareil sans couleur. Toutes les donn\u00e9es pertinentes sont perdues.[\/caption]\r\n\r\nPour un \u00e9tudiant qui est daltonien ou qui poss\u00e8de une vision pauvre en contraste, toute l\u2019information pertinente est perdue dans un graphique \u00e0 couleur.\r\n<h3>Exemple 3- accessible\u00a0:<\/h3>\r\nLes \u00e9tudiants daltoniens peuvent distinguer entre les tons tr\u00e8s contrast\u00e9s. Dans cet exemple, des \u00e9tiquettes contextuelles ont \u00e9t\u00e9 ajout\u00e9s \u00e0 chaque barre en dessous du graphique. Notez que ce graphique requiert encore une<a href=\"#_Les_images_fonctionnelles\"> description en texte alternatif<\/a>.\r\n\r\n[caption id=\"attachment_41\" align=\"alignnone\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM-300x177.png\" alt=\"Dans cette vue du graphique \u00e0 barre, des couleurs hautes en contraste ont \u00e9t\u00e9 utilis\u00e9es afin de toujours afficher la diff\u00e9rence de tons en gamme de gris. Des \u00e9tiquettes ont aussi \u00e9t\u00e9 ajout\u00e9es pour que les donn\u00e9es ne soient pas communiqu\u00e9es uniquement avec la couleur. \" class=\"size-medium wp-image-41\" height=\"177\" width=\"300\" \/><\/a> Dans cette vue du graphique \u00e0 barre, des couleurs hautes en contraste ont \u00e9t\u00e9 utilis\u00e9es afin de toujours afficher la diff\u00e9rence de tons en gamme de gris. Des \u00e9tiquettes ont aussi \u00e9t\u00e9 ajout\u00e9es pour que les donn\u00e9es ne soient pas communiqu\u00e9es uniquement avec la couleur.[\/caption]\r\n<h2>Les images d\u00e9coratives<\/h2>\r\nSi votre image n\u2019ajoute pas de signifiance et est inclus uniquement pour des raisons d\u00e9coratives ou de style, l\u2019espace pour la description de texte alternatif devrait \u00eatre inclus avec votre image, mais il devrait rester vide ou blanc. Les technologies d\u2019assistance vont d\u00e9pister l\u2019image, et en laissant la description alternative textuelle vide, vous pourrez signaler \u00e0 l\u2019\u00e9tudiant qu\u2019il n\u2019y a pas de contenu contextuel int\u00e9gr\u00e9. Inclure des descriptions alternatives textuelles pour les images d\u00e9coratives \u00ab\u00a0ralentit tout simplement le proc\u00e8s avec aucun avantage parce que la logicielle de lecteur d\u2019\u00e9cran vocalise le contenu de la [description en texte alternatif], n\u2019importe si le texte alternatif ajoute ou non de la valeur.\u00a0\u00bb[footnote]webAccess (2012). Adapted from: Top Ten Tips for making your website accessible. Accessed from: http:\/\/webaccess.berkeley.edu\/developerinformation\/top-ten-tips\/#alt[\/footnote]\r\n\r\n&nbsp;\r\n\r\n<\/div>","rendered":"<p>Dans cette section, nous fournissons des recommandations pour guider votre inclusion de contenu accessible bas\u00e9 sur les images.<\/p>\n<h4>Que sont les images?<\/h4>\n<p><strong>Images incluent<\/strong>\u00a0: photographes, diagrammes, dessins, graphiques, cartes.<\/p>\n<p><strong>Types de fichiers<\/strong>\u00a0: .gif, .jpg, .png<\/p>\n<h3>Avant de commencer<\/h3>\n<h4>Pourquoi avez-vous inclus les images vous avez choisies?<\/h4>\n<p>Avant que vous pourriez d\u00e9terminer ce que vous avez besoin pour faire une image accessible, vous devez en premier identifier sa raison d\u2019\u00eatre ou valeur pour votre manuel de cours. Consid\u00e9rez les questions suivantes\u00a0:<\/p>\n<ol>\n<li>Est-ce que votre image sert un <a href=\"#_Les_images_fonctionnelles\">but fonctionnel<\/a>? En d\u2019autres mots, est-ce qu\u2019il transmet du contenue non textuelle aux \u00e9tudiants? Si oui, vous devrez\u00a0:\n<ul>\n<li>Fournier du texte alternatif qui servira comme \u00e9quivalent du mat\u00e9riel non textuel<a class=\"footnote\" title=\"Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.1 Text Alternatives. Acceder de: http:\/\/www.w3.org\/TR\/WCAG20\/#text-equiv\" id=\"return-footnote-36-1\" href=\"#footnote-36-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a><\/li>\n<li>N\u2019utilisez pas la couleur comme le seul moyen de transmettre l\u2019information.<a class=\"footnote\" title=\"Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.1 Use of Color. Acceder de: http:\/\/www.w3.org\/TR\/WCAG20\/#visual-audiocontrast\" id=\"return-footnote-36-2\" href=\"#footnote-36-2\" aria-label=\"Footnote 2\"><sup class=\"footnote\">[2]<\/sup><\/a><\/li>\n<\/ul>\n<\/li>\n<li>Est-ce que votre image \u00e0 une <a href=\"#_Les_images_d\u00e9coratives\">raison d\u00e9corative<\/a>? En d\u2019autres mots, est-ce que c\u2019est principalement un \u00e9l\u00e9ment visuel qui ne transmet pas le contenu? Si oui, vous devez\n<ul>\n<li>\u00c9vitez des descriptions superflues<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>Pour qui faites-vous ceci?<\/h4>\n<p>Ce travail appuie les \u00e9tudiants qui\u00a0:<\/p>\n<ul>\n<li>Sont aveugles ou \u00e0 base vision, par exemple<a href=\"#_Jacob\"> Jacob<\/a><\/li>\n<li>Ont une pauvre vision de contraste<\/li>\n<li>Sont daltoniens et ne peuvent pas diff\u00e9rencier entre certaines couleurs<\/li>\n<li>Utilisent un appareil avec une pr\u00e9sentation monochrome<\/li>\n<li>Ont une forme de trouble cognitive.<\/li>\n<\/ul>\n<div>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_25\" aria-describedby=\"caption-attachment-25\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob-300x225.png\" alt=\"Jacob\" class=\"size-medium wp-image-25\" height=\"225\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob-300x225.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob-65x49.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob-225x169.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob-350x263.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/jacob.png 716w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-25\" class=\"wp-caption-text\">Image de Horton, Sarah; Quesenbery, Whitney. 2014 A Web for Everyone. New York; Rosenfeld Media. Rosenfeldmedia.com\/books\/a-web-for-everyone\/<\/figcaption><\/figure>\n<h2>Qu\u2019est-ce que vous avez besoin de faire?<\/h2>\n<h3>Les images fonctionnelles et les descriptions en texte alternatif.<\/h3>\n<p>Consid\u00e9rez \u00e0 ce que votre page de contenu pourrait ressembler si les images ne t\u00e9l\u00e9chargent pas. Maintenant essayez d\u2019\u00e9crire un texte alternatif pour chaque image qui pourrait fonctionner comme remplacement et fournir le m\u00eame service que l\u2019image.<\/p>\n<p>Pendant que vous travaillez \u00e0 d\u00e9velopper vos descriptions alternatives, garder en t\u00eate les recommandations et conseils suivants\u00a0:<\/p>\n<ul>\n<li>Souvenez-vous que le texte alternatif doit transmettre le contenu et la fonctionnalit\u00e9 d\u2019une image et est rarement une description litt\u00e9rale de l\u2019image. (e.g. photo d\u2019un chat). Plut\u00f4t que de fournir ce que ressemble l\u2019image, le texte alternatif doit transmettre ce que le contenu de l\u2019image est et ce qu\u2019il fait.<a class=\"footnote\" title=\"WebAIM (2014). Alt text blunders. Accessed from: http:\/\/webaim.org\/articles\/gonewild\/#alttext\" id=\"return-footnote-36-3\" href=\"#footnote-36-3\" aria-label=\"Footnote 3\"><sup class=\"footnote\">[3]<\/sup><\/a><\/li>\n<li>Pour les images relativement simples (e.g. photographes, illustrations), essayez de garder vos descriptions courtes. Vous devez avoir comme objectif la cr\u00e9ation d\u2019une br\u00e8ve description (une ou deux phrases courtes), \u00e9quivalente \u00e0 l\u2019information dans l\u2019image, qui est pr\u00e9cise et concise.<\/li>\n<li>Pour les images plus complexes (e.g. graphiques d\u00e9taill\u00e9es, cartes), vous aurez besoin de fournir une description de plus qu\u2019une ou deux phrases pour assurer que tous les utilisateurs vont profiter du contenu et contexte que vous attendiez \u00e0 fournir. Dans ses cas, vous devez fournir soit les d\u00e9tails dans le texte qui entoure l\u2019image ou \u00e9crire une longue description de texte sur une page s\u00e9par\u00e9e et un lien que les \u00e9l\u00e8ves peuvent utiliser. Vous devez inclure une courte description en texte (une ou deux phrases) qui explique aux \u00e9tudiants o\u00f9 ils peuvent retrouver les d\u00e9tails que vous fournissez dans la longe description.<\/li>\n<li>Enlever toute information inutile. Par exemple, vous ne devez pas inclure l\u2019information comme \u00ab\u00a0image de \u2026\u00a0\u00bb ou\u00a0 \u00ab\u00a0photo de&#8230;\u00a0\u00bb; la technologie d\u2019assistance identifiera automatiquement le mat\u00e9riel comme une image, dons inclure ce d\u00e9tail dans votre description alternative est superflu.<\/li>\n<li>\u00c9viter la redondance de votre contenu dans votre description alternative. Ne r\u00e9p\u00e9tez pas la m\u00eame information qui appara\u00eet dans le texte adjoint \u00e0 l\u2019image.<\/li>\n<\/ul>\n<p>Voici deux exemples de descriptions de texte alternatif<\/p>\n<h3><span lang=\"FR-CA\">Exemple 1 (de <a href=\"http:\/\/opentextbc.ca\/introductiontosociology\/chapter\/chapter20-population-urbanization-and-the-environment\/\">Introduction to sociology)\u00a0<\/a>:<\/span><\/h3>\n<figure id=\"attachment_37\" aria-describedby=\"caption-attachment-37\" style=\"width: 268px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11-268x300.png\" alt=\"Figure 20.11 La ville taudis et la ville globale : Le Fav\u00e9la Morro de Praz\u00e8res en Rio de Janeiro et le district financier de Londres d\u00e9montrent les deux c\u00f4t\u00e9s de l\u2019urbanisation globale (photo courtoise de dany13\/Flickr et Peter Pearson\/Flickr)\" class=\"size-medium wp-image-37\" height=\"300\" width=\"268\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11-268x300.png 268w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11-65x73.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11-225x252.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11-350x392.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Figure20.11.png 547w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><\/a><figcaption id=\"caption-attachment-37\" class=\"wp-caption-text\">Figure 20.11 La ville taudis et la ville globale : Le Fav\u00e9la Morro de Praz\u00e8res en Rio de Janeiro et le district financier de Londres d\u00e9montrent les deux c\u00f4t\u00e9s de l\u2019urbanisation globale (photo courtoise de dany13\/Flickr et Peter Pearson\/Flickr)<\/figcaption><\/figure>\n<p>Cette photographie pourrait \u00eatre d\u00e9crite de la fa\u00e7on suivante\u00a0:<\/p>\n<p>Figure 20.11 inclut deux photos. La premi\u00e8re montre des \u00e9difices encombr\u00e9s situ\u00e9s sur une colline. Ils sont petits et d\u00e9labr\u00e9s. La deuxi\u00e8me montre des \u00e9difices magnifiques situ\u00e9s pr\u00e8s de l\u2019eau.<\/p>\n<h3>Exemple 2 (Figure 18.1 diagramme deux atomes, double-flacon de <a href=\"http:\/\/opentextbc.ca\/introductorychemistry\/chapter\/entropy-and-the-second-law-of-thermodynamics\/\">Introductory Chemistry<\/a>)\u00a0:<\/h3>\n<figure id=\"attachment_38\" aria-describedby=\"caption-attachment-38\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1-300x266.png\" alt=\"Quand le robinet est ouvert entre les deux flasques, les atomes peuvent se distribu\u00e9es de 4 diff\u00e9rentes mani\u00e8res.\" class=\"size-medium wp-image-38\" height=\"266\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1-300x266.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1-65x58.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1-225x200.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1-350x310.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/figure18.1.png 707w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-38\" class=\"wp-caption-text\">Quand le robinet est ouvert entre les deux flasques, les atomes peuvent se distribu\u00e9es de 4 diff\u00e9rentes mani\u00e8res.<\/figcaption><\/figure>\n<p>Figure 18.1 pourrait \u00eatre d\u00e9crite comme suite\u00a0:<\/p>\n<p>Figure 18.1 montre un diagramme avec cinq paires de cercles. Tous les cercles sont ouverts. Celui de gauche est ouvert \u00e0 la droite et celui du c\u00f4t\u00e9 droit est ouvert \u00e0 gauche. Ils sont li\u00e9s \u00e0 leurs points d\u2019ouvertures. Une paire est situ\u00e9e \u00e0 la gauche et entre leurs deux lignes de connections est une ligne rouge verticale \u00e0 travers d\u2019un point noir. Les quatre autres paires sont arrang\u00e9es dans une colonne \u00e0 droite et entre les lignes connectives de chaque paire se trouve un petit cercle avec une ligne horizontale \u00e0 travers. Une fl\u00e8che vers la droite, \u00e9tiquet\u00e9e Ouvrir Robinet, lie la paire du gauche aux quatre paires de la droite. Chacune de ses cinq paires ont deux picots (vert et bleu) arrang\u00e9s de fa\u00e7on diff\u00e9rente. Pour la paire \u00e0 gauche, les deux picots, qui sont situ\u00e9s obliquement, apparaissent seulement dans le cercle \u00e0 gauche. Le picot vert est dans la partie sup\u00e9rieure \u00e0 gauche du cercle et le picot bleu est proche de la partie inf\u00e9rieure \u00e0 droite. La premi\u00e8re paire \u00e0 droite est dans une situation similaire. La seule diff\u00e9rence est que le picot vert est dans la partie sup\u00e9rieure \u00e0 droite et le picot bleu est proche du milieu \u00e0 gauche. La deuxi\u00e8me paire a un picot vert dans le centre du cercle gauche et un picot bleu au centre to cercle droite. La troisi\u00e8me paire a un picot bleu dans la partie sup\u00e9rieure \u00e0 gauche du cercle gauche et un picot vert dans la partie inf\u00e9rieure \u00e0 droite du cercle droit. Pour la derni\u00e8re paire, les deux picots apparaissent obliquement dans le cercle \u00e0 droite. Un picot vert est dans la partie sup\u00e9rieure \u00e0 droite et le picot bleu proche de la partie inf\u00e9rieure \u00e0 gauche.<\/p>\n<h2><span lang=\"FR-CA\">Utilisation de couleur<\/span><\/h2>\n<p>Consid\u00e9rez l\u2019apparence de vos images s\u2019ils \u00e9taient pr\u00e9sent\u00e9s uniquement en noir et blanc. Est-ce que le contenu ou contexte n\u00e9cessaire serait perdu si la couleur \u00e9tait enlev\u00e9e? Les images ne doivent pas d\u00e9pendre sur la couleur pour transmettre l\u2019information; si le point que vous faites d\u00e9pend de la couleur pour \u00eatre compris, vous devez peut-\u00eatre modifier votre image ou mise en page pour que les concepts pr\u00e9sent\u00e9s ne soient pas perdus pour ceux qui sont daltoniens ou qui ont besoin d\u2019un grand contraste entre les couleurs.<\/p>\n<h3><span lang=\"FR-CA\">Exemple 1- inaccessible\u00a0:<\/span><\/h3>\n<figure id=\"attachment_39\" aria-describedby=\"caption-attachment-39\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1-300x164.png\" alt=\"Dans cette graphique \u00e0 barre simple, la couleur est le seule moyen que l\u2019information est transmise.\" class=\"size-medium wp-image-39\" height=\"164\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1-300x164.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1-65x35.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1-225x123.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1-350x191.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/example1.png 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-39\" class=\"wp-caption-text\">Dans cette graphique \u00e0 barre simple, la couleur est le seule moyen que l\u2019information est transmise.<\/figcaption><\/figure>\n<h3>Exemple 2- inaccessible\u00a0:<\/h3>\n<p>Dans cet exemple d\u2019un graphique \u00e0 barre, couleur est le seul moyen de communiquer les donn\u00e9es.<\/p>\n<figure id=\"attachment_40\" aria-describedby=\"caption-attachment-40\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM-300x157.png\" alt=\"Cette vue de la m\u00eame barre graphique d\u00e9montre comment le graphique pourrait para\u00eetre \u00e0 un \u00e9tudiant qui est daltonien, ou qui utilise un appareil sans couleur. Toutes les donn\u00e9es pertinentes sont perdues.\" class=\"size-medium wp-image-40\" height=\"157\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM-300x157.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM-65x34.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM-225x118.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM-350x183.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.13.40-AM.png 494w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-40\" class=\"wp-caption-text\">Cette vue de la m\u00eame barre graphique d\u00e9montre comment le graphique pourrait para\u00eetre \u00e0 un \u00e9tudiant qui est daltonien, ou qui utilise un appareil sans couleur. Toutes les donn\u00e9es pertinentes sont perdues.<\/figcaption><\/figure>\n<p>Pour un \u00e9tudiant qui est daltonien ou qui poss\u00e8de une vision pauvre en contraste, toute l\u2019information pertinente est perdue dans un graphique \u00e0 couleur.<\/p>\n<h3>Exemple 3- accessible\u00a0:<\/h3>\n<p>Les \u00e9tudiants daltoniens peuvent distinguer entre les tons tr\u00e8s contrast\u00e9s. Dans cet exemple, des \u00e9tiquettes contextuelles ont \u00e9t\u00e9 ajout\u00e9s \u00e0 chaque barre en dessous du graphique. Notez que ce graphique requiert encore une<a href=\"#_Les_images_fonctionnelles\"> description en texte alternatif<\/a>.<\/p>\n<figure id=\"attachment_41\" aria-describedby=\"caption-attachment-41\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM-300x177.png\" alt=\"Dans cette vue du graphique \u00e0 barre, des couleurs hautes en contraste ont \u00e9t\u00e9 utilis\u00e9es afin de toujours afficher la diff\u00e9rence de tons en gamme de gris. Des \u00e9tiquettes ont aussi \u00e9t\u00e9 ajout\u00e9es pour que les donn\u00e9es ne soient pas communiqu\u00e9es uniquement avec la couleur.\" class=\"size-medium wp-image-41\" height=\"177\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM-300x177.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM-65x38.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM-225x133.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM-350x206.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/Screen-Shot-2015-11-27-at-11.14.25-AM.png 536w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-41\" class=\"wp-caption-text\">Dans cette vue du graphique \u00e0 barre, des couleurs hautes en contraste ont \u00e9t\u00e9 utilis\u00e9es afin de toujours afficher la diff\u00e9rence de tons en gamme de gris. Des \u00e9tiquettes ont aussi \u00e9t\u00e9 ajout\u00e9es pour que les donn\u00e9es ne soient pas communiqu\u00e9es uniquement avec la couleur.<\/figcaption><\/figure>\n<h2>Les images d\u00e9coratives<\/h2>\n<p>Si votre image n\u2019ajoute pas de signifiance et est inclus uniquement pour des raisons d\u00e9coratives ou de style, l\u2019espace pour la description de texte alternatif devrait \u00eatre inclus avec votre image, mais il devrait rester vide ou blanc. Les technologies d\u2019assistance vont d\u00e9pister l\u2019image, et en laissant la description alternative textuelle vide, vous pourrez signaler \u00e0 l\u2019\u00e9tudiant qu\u2019il n\u2019y a pas de contenu contextuel int\u00e9gr\u00e9. Inclure des descriptions alternatives textuelles pour les images d\u00e9coratives \u00ab\u00a0ralentit tout simplement le proc\u00e8s avec aucun avantage parce que la logicielle de lecteur d\u2019\u00e9cran vocalise le contenu de la [description en texte alternatif], n\u2019importe si le texte alternatif ajoute ou non de la valeur.\u00a0\u00bb<a class=\"footnote\" title=\"webAccess (2012). Adapted from: Top Ten Tips for making your website accessible. Accessed from: http:\/\/webaccess.berkeley.edu\/developerinformation\/top-ten-tips\/#alt\" id=\"return-footnote-36-4\" href=\"#footnote-36-4\" aria-label=\"Footnote 4\"><sup class=\"footnote\">[4]<\/sup><\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-36-1\">Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.1 Text Alternatives. Acceder de: http:\/\/www.w3.org\/TR\/WCAG20\/#text-equiv <a href=\"#return-footnote-36-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><li id=\"footnote-36-2\">Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.1 Use of Color. Acceder de: http:\/\/www.w3.org\/TR\/WCAG20\/#visual-audiocontrast <a href=\"#return-footnote-36-2\" class=\"return-footnote\" aria-label=\"Return to footnote 2\">&crarr;<\/a><\/li><li id=\"footnote-36-3\">WebAIM (2014). Alt text blunders. Accessed from: http:\/\/webaim.org\/articles\/gonewild\/#alttext <a href=\"#return-footnote-36-3\" class=\"return-footnote\" aria-label=\"Return to footnote 3\">&crarr;<\/a><\/li><li id=\"footnote-36-4\">webAccess (2012). Adapted from: Top Ten Tips for making your website accessible. Accessed from: http:\/\/webaccess.berkeley.edu\/developerinformation\/top-ten-tips\/#alt <a href=\"#return-footnote-36-4\" class=\"return-footnote\" aria-label=\"Return to footnote 4\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":17,"menu_order":2,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-36","chapter","type-chapter","status-publish","hentry"],"part":31,"_links":{"self":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/users\/17"}],"version-history":[{"count":1,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/36\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/36\/revisions\/42"}],"part":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/parts\/31"}],"metadata":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/36\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/media?parent=36"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapter-type?post=36"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/contributor?post=36"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/license?post=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}