{"id":2800,"date":"2024-03-07T09:52:51","date_gmt":"2024-03-07T14:52:51","guid":{"rendered":"https:\/\/accessibility.ecampusontario.ca\/accessibilite\/bonnes-pratiques\/choisissez-les-couleurs-et-le-contraste-avec-soin\/"},"modified":"2024-03-21T11:25:08","modified_gmt":"2024-03-21T15:25:08","slug":"couleurs","status":"publish","type":"page","link":"https:\/\/accessibility.ecampusontario.ca\/fr\/accessibilite\/bonnes-pratiques\/couleurs\/","title":{"rendered":"Choisissez les couleurs et le contraste avec soin"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00a0\u00bb1&Prime; fullwidth=\u00a0\u00bbon\u00a0\u00bb module_class=\u00a0\u00bbec-content\u00a0\u00bb _builder_version=\u00a0\u00bb4.23.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_fullwidth_code _builder_version=\u00a0\u00bb4.23.4&Prime; _module_preset=\u00a0\u00bbdefault\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb]<\/p>\n<div class=\"ec-banner-main\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-banner-content\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<h1>Choisissez les couleurs et le contraste avec soin<\/h1>\n<p><!-- [et_pb_line_break_holder] -->    <pee>S\u00e9lectionnez des couleurs qui offrent suffisamment de contraste et n\u2019utilisez pas uniquement la couleur pour transmettre des informations.<\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-banner-img\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" alt=\"\" src=\"\/wp-content\/uploads\/2024\/02\/best-practices-colours.jpg\"><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-breadcrumbs\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-heading-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2>Contraste<\/h2>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-col ec-col-1w\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"ec-callout ec-callout-right\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>R\u00e9f\u00e9rence WCAG associ\u00e9e<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee><a class=\"ec-external-link\" href=\"https:\/\/www.w3.org\/Translations\/WCAG21-fr\/#contrast-minimum\">WCAG 2.1 Crit\u00e8re de r\u00e9ussite 1.4.3 Contraste (minimum)<\/a><\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Si le texte, y compris les images de texte, ne pr\u00e9sente pas un contraste suffisant avec son arri\u00e8re-plan, il ne sera pas lisible pour les utilisateurs malvoyants ou daltoniens. Les commandes et les graphiques significatifs n\u00e9cessitent \u00e9galement un bon contraste.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>Le contraste des couleurs fait r\u00e9f\u00e9rence \u00e0 la diff\u00e9rence entre la luminosit\u00e9 de la couleur d\u2019arri\u00e8re-plan et la couleur de premier plan du contenu num\u00e9rique. Par exemple, un texte noir sur fond blanc pr\u00e9sente un contraste tr\u00e8s \u00e9lev\u00e9; le texte gris clair sur fond blanc pr\u00e9sente un faible contraste.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>Dans les directives pour l\u2019accessibilit\u00e9 du contenu Web (WCAG), le contraste est une mesure de la diff\u00e9rence de \u00ab&nbsp;luminance&nbsp;\u00bb ou de luminosit\u00e9 per\u00e7ue entre deux couleurs et est exprim\u00e9 sous forme de rapport. Par exemple 1:1 est blanc sur blanc et 21:1 est noir sur blanc.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>Les exemples suivants sont les ratios de couleur sur fond blanc&nbsp;:<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Le rouge pur (<code>#FF0000<\/code>) a un rapport de 4:1. <span style=\"color: #FF0000;\"> Cette phrase montre \u00e0 quoi ressemble un texte rouge pur sur un fond blanc.<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Le vert pur (<code>#00FF00<\/code>) a un rapport tr\u00e8s faible de 1,4:1 et est difficile \u00e0 lire sur un fond blanc. <span style=\"color: #00FF00;\"> Cette phrase montre combien il est difficile de lire ce texte vert \u00e0 faible contraste sur fond blanc.<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>Le bleu pur (<code>#0000FF<\/code>) a un rapport de contraste de 8,6:1. <span style=\"color: #0000FF;\"> Cette phrase montre \u00e0 quoi ressemble un texte bleu pur sur fond blanc.<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Atteindre les crit\u00e8res de niveau WCAG AAA est souvent difficile, mais ce n\u2019est pas le cas avec le contraste am\u00e9lior\u00e9. Nous devrions nous efforcer de l\u2019atteindre chaque fois que possible. Pour r\u00e9pondre au Crit\u00e8re de r\u00e9ussite de niveau WCAG AAA pour le contraste am\u00e9lior\u00e9, augmentez le ratio de contraste du texte petit et grand comme suit&nbsp;:<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>S\u2019assurer que le texte de petite taille (moins de 18 points [24 pixels] en police r\u00e9guli\u00e8re ou moins de 14 points [19 pixels] en police en gras) a un ratio de contraste d\u2019au moins 7:1 avec l\u2019arri\u00e8re-plan.<\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li>S\u2019assurer que le texte de grande taille (au moins 18 points [24 pixels] en police r\u00e9guli\u00e8re ou 14 points [19 pixels] en police en gras) a un ratio de contraste d\u2019au moins 4,5:1 avec l\u2019arri\u00e8re-plan.<\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Pour les composants de l\u2019interface utilisateur tels que les boutons ou les cases de saisie, il doit y avoir un ratio de contraste de 3:1 avec les couleurs adjacentes. Le ratio de contraste de 3:1 pour les couleurs adjacentes s\u2019applique \u00e9galement aux graphiques significatifs, ce qui inclut les ic\u00f4nes informatives, les lignes dans les graphiques lin\u00e9aires et les tranches dans les graphiques circulaires.<\/pee><!-- [et_pb_line_break_holder] -->    <pee>Pour voir plus d\u2019exemples, visitez&nbsp;:<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<ul><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a class=\"ec-external-link\" href=\"https:\/\/webaim.org\/articles\/contrast\/\"><span lang=\"en\">Web Aim Contrast and Color Accessibility<\/span><span class=\"visually-hidden\"> (Offert en anglais seulement)<\/span><\/a> <span aria-hidden=\"true\">(Offert en anglais seulement)<\/span><\/li>\n<p><!-- [et_pb_line_break_holder] -->      <\/p>\n<li><a class=\"ec-external-link\" href=\"https:\/\/bati-itao.github.io\/learning\/esdc-self-paced-web-accessibility-course\/module7\/contrast-fr.html\">Cours d&rsquo;accessibilit\u00e9 Web d&rsquo;EDSC \u2013 Module 7 \u2013 Conception visuelle et couleurs \u2013 Contraste<\/a><\/li>\n<p><!-- [et_pb_line_break_holder] -->    <\/ul>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Comment puis-je mesurer le contraste des couleurs?<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Ne comptez pas uniquement sur votre vue pour d\u00e9terminer si une combinaison de couleurs peut \u00eatre utilis\u00e9e ou non. V\u00e9rifiez le contraste manuellement \u00e0 l\u2019aide d\u2019un outil d\u2019analyse du contraste des couleurs. <a class=\"ec-external-link\" href=\"https:\/\/www.tpgi.com\/color-contrast-checker\/\"><span lang=\"en\">Colour Contrast Analyzer &#8211; TPGi<\/span><span class=\"visually-hidden\"> (Offert en anglais seulement)<\/span><\/a> <span aria-hidden=\"true\">(Offert en anglais seulement)<\/span><\/pee><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-heading-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<h2>Couleur<\/h2>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"ec-row\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"ec-col ec-col-1w\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"ec-callout ec-callout-right\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<h3>R\u00e9f\u00e9rence WCAG associ\u00e9e<\/h3>\n<p><!-- [et_pb_line_break_holder] -->      <pee><a class=\"ec-external-link\" href=\"https:\/\/www.w3.org\/Translations\/WCAG21-fr\/#use-of-color\">WCAG 2.1 Crit\u00e8re de succ\u00e8s 1.4.1 Utilisation de la couleur<\/a><\/pee><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <pee>R\u00e9digez des alternatives textuelles pr\u00e9cises pour toutes les informations v\u00e9hicul\u00e9es par la couleur. L\u2019exemple suivant montre comment les informations peuvent \u00eatre pr\u00e9sent\u00e9es avec une combinaison de couleurs et de texte.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Mauvais Exemple #1 \u2013 Pas accessible<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee><strong>Probl\u00e8me<\/strong>&nbsp;: Dans le tableau ci-dessous, la couleur seule communique la gravit\u00e9. Il n\u2019y a aucune \u00e9tiquette de texte. Une l\u00e9gende\/cl\u00e9 sous le tableau utilise la couleur pour d\u00e9finir les valeurs de gravit\u00e9.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<figure><!-- [et_pb_line_break_holder] -->      <\/p>\n<table><!-- [et_pb_line_break_holder] -->        <\/p>\n<thead><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<th scope=\"col\"># de d\u00e9fauts<\/th>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<th scope=\"col\">S\u00e9v\u00e9rit\u00e9<\/th>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<th scope=\"col\">Status<\/th>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->        <\/thead>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<tbody><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>20<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td style=\"background-color: #ee0000;\">&nbsp;<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>Ouvert<\/td>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>30<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td style=\"background-color: #ffff00;\">&nbsp;<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>Fermer<\/td>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>15<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td style=\"background-color: #006500;\">&nbsp;<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>En progr\u00e8s<\/td>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->        <\/tbody>\n<p><!-- [et_pb_line_break_holder] -->      <\/table>\n<p><!-- [et_pb_line_break_holder] -->      <pee>Rouge = \u00e9lev\u00e9, Jaune = moyen, Vert = faible<\/pee><!-- [et_pb_line_break_holder] --><figcaption><strong>Figure 1<\/strong>&nbsp;: Un tableau inaccessible qui utilise uniquement la couleur pour identifier les niveaux de gravit\u00e9. Aucune \u00e9tiquette de texte n\u2019est fournie.<\/figcaption><!-- [et_pb_line_break_holder] -->    <\/figure>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Bon Exemple #1 \u2013 Accessible<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Cette version du tableau utilise des couleurs pour transmettre des informations avec des \u00e9tiquettes de texte qui garantissent que le sens est perceptible par les personnes qui ne peuvent pas distinguer les couleurs.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<figure><!-- [et_pb_line_break_holder] -->      <\/p>\n<table><!-- [et_pb_line_break_holder] -->        <\/p>\n<thead><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<th scope=\"col\"># de d\u00e9fauts<\/th>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<th scope=\"col\">S\u00e9v\u00e9rit\u00e9<\/th>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<th scope=\"col\">Status<\/th>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->        <\/thead>\n<p><!-- [et_pb_line_break_holder] -->        <\/p>\n<tbody><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>20<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td style=\"background-color: #ee0000;color: #FFFFFF;\">\u00c9lev\u00e9<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>Ouvert<\/td>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>30<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td style=\"background-color: #ffff00;color: #000000;\">Moyen<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>Fermer<\/td>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<tr><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>15<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td style=\"background-color: #006500;color: #FFFFFF;\">Faible<\/td>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<td>En progr\u00e8s<\/td>\n<p><!-- [et_pb_line_break_holder] -->          <\/tr>\n<p><!-- [et_pb_line_break_holder] -->        <\/tbody>\n<p><!-- [et_pb_line_break_holder] -->      <\/table>\n<p><!-- [et_pb_line_break_holder] --><figcaption><strong>Figure 2<\/strong>&nbsp;: Un tableau accessible qui combine des couleurs et des \u00e9tiquettes de texte contrast\u00e9es pour transmettre des informations.<\/figcaption><!-- [et_pb_line_break_holder] -->    <\/figure>\n<p><!-- [et_pb_line_break_holder] -->    <pee><em>Les tableaux utilis\u00e9s dans les bons et mauvais exemples proviennent <a class=\"ec-external-link\" href=\"https:\/\/bati-itao.github.io\/learning\/esdc-self-paced-web-accessibility-course\/module7\/colour-fr.html\">Cours d&rsquo;accessibilit\u00e9 Web d&rsquo;EDSC \u2013 Module 7 \u2013 Conception visuelle et couleurs \u2013 Couleur<\/a>.<\/em><\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Mauvais Exemple #2 \u2013 Pas accessible<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee>Pour les personnes qui ont des difficult\u00e9s \u00e0 percevoir certaines couleurs, le diagramme circulaire suivant peut \u00eatre aussi utile que l\u2019affichage des informations dans toutes les valeurs de gris. Les informations du code couleur ne sont pas perceptibles.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<figure><!-- [et_pb_line_break_holder] -->      <pee class=\"text-center\"><img decoding=\"async\" alt=\"Diagramme circulaire.\" src=\"\/wp-content\/uploads\/2024\/03\/best-practices-bad-pie-fr.png\" \/><\/pee><!-- [et_pb_line_break_holder] --><figcaption><strong>Figure 3<\/strong>&nbsp;: Un graphique circulaire qui n\u2019est pas accessible car il ne contient pas d\u2019\u00e9tiquettes pour exprimer les informations repr\u00e9sent\u00e9es dans chaque segment color\u00e9, il contient uniquement une l\u00e9gende de couleurs en dessous du graphique circulaire.<\/figcaption><!-- [et_pb_line_break_holder] -->    <\/figure>\n<p><!-- [et_pb_line_break_holder] -->    <\/p>\n<h3>Bon Exemple #2 \u2013 Accessible<\/h3>\n<p><!-- [et_pb_line_break_holder] -->    <pee>La combinaison de couleurs avec des \u00e9tiquettes peut am\u00e9liorer la compr\u00e9hension de tous les individus, pas seulement de ceux ayant des troubles de perception des couleurs. Le diagramme circulaire suivant comprend des \u00e9tiquettes qui identifient la valeur des donn\u00e9es et le nom de la cat\u00e9gorie sur le diagramme, en plus d\u2019afficher une l\u00e9gende. Le r\u00e9sultat est une combinaison d\u2019\u00e9tiquettes de couleur et de texte qui fournissent \u00e0 l\u2019utilisateur les informations n\u00e9cessaires pour interpr\u00e9ter le graphique.<\/pee><!-- [et_pb_line_break_holder] -->    <\/p>\n<figure><!-- [et_pb_line_break_holder] -->      <pee class=\"text-center\"><img decoding=\"async\" alt=\"Diagramme circulaire avec les \u00e9tiquettes.\" src=\"\/wp-content\/uploads\/2024\/03\/best-practices-good-pie-fr.png\" \/><\/pee><!-- [et_pb_line_break_holder] --><figcaption><strong>Figure 4<\/strong>&nbsp;: Un diagramme circulaire accessible car des \u00e9tiquettes identifiant la valeur des donn\u00e9es et le nom de la cat\u00e9gorie apparaissent sur le graphique en plus de la l\u00e9gende des couleurs qui appara\u00eet sous le graphique.<\/figcaption><!-- [et_pb_line_break_holder] -->    <\/figure>\n<p><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Choisissez les couleurs et le contraste avec soin S\u00e9lectionnez des couleurs qui offrent suffisamment de contraste et n\u2019utilisez pas uniquement la couleur pour transmettre des informations. Contraste R\u00e9f\u00e9rence WCAG associ\u00e9e WCAG 2.1 Crit\u00e8re de r\u00e9ussite 1.4.3 Contraste (minimum) Si le texte, y compris les images de texte, ne pr\u00e9sente pas un contraste suffisant avec son [&hellip;]<\/p>\n","protected":false},"author":1059,"featured_media":0,"parent":2768,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2800","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/users\/1059"}],"replies":[{"embeddable":true,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/comments?post=2800"}],"version-history":[{"count":13,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2800\/revisions"}],"predecessor-version":[{"id":3313,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2800\/revisions\/3313"}],"up":[{"embeddable":true,"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/pages\/2768"}],"wp:attachment":[{"href":"https:\/\/accessibility.ecampusontario.ca\/fr\/wp-json\/wp\/v2\/media?parent=2800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}