{"id":57,"date":"2015-11-27T19:47:53","date_gmt":"2015-11-27T19:47:53","guid":{"rendered":"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/?post_type=chapter&#038;p=57"},"modified":"2015-11-27T19:47:53","modified_gmt":"2015-11-27T19:47:53","slug":"contraste-de-couleur","status":"publish","type":"chapter","link":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/chapter\/contraste-de-couleur\/","title":{"raw":"Contraste de couleur","rendered":"Contraste de couleur"},"content":{"raw":"Dans cette section, nous fournissons des lignes directives et recommandations \u00e0 propos du contraste de couleur dans vos mati\u00e8res de manuels de cours.\r\n<h2>C'est quoi le contraste de couleur?<\/h2>\r\nLe contraste de couleur inclut: teinte, clart\u00e9 et la saturation de textes, images et arri\u00e8re plans.\r\n\r\nTypes de fichiers: .doc, .html, .pdf, .jpg, .gif\r\n<h2>Avant de commencer<\/h2>\r\n<h3>C'est quoi le r\u00f4le de couleur dans la livraison de votre contenu?<\/h3>\r\nQuand les documents ou les sites web ne fournissent pas assez de contraste entre les \u00e9l\u00e9ments du premier plan(e.g. texte, images) et les \u00e9l\u00e9ments de l'arri\u00e8re-plan(e.g. couleur, filigrane), certains \u00e9tudiants auront de la difficult\u00e9 \u00e0 lire le contenu. Consid\u00e8re les questions suivantes:\r\n<ol>\r\n\t<li>Avez-vous pr\u00e9sent\u00e9 du contenu bas\u00e9 en texte ou image sur un arri\u00e8re-plan en couleur ou avec texture? Si oui, vous devriez:\r\n<ul>\r\n\t<li>Confirmer qu'il y a <a href=\"#_Contraste\">un contraste de couleur suffisante<\/a> entre votre contenu de premier plan et votre couleur ou texture choisie d'arri\u00e8re-plan.<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Avez-vous inclus des hyperliens dans votre contenu? Si oui, vous devriez:\r\n<ul>\r\n\t<li>Confirmer que <a href=\"#_Couleurs_d'hyperliens\">la couleur de vos hyperliens<\/a> est distincte de votre couleur d'arri\u00e8re-plan et la couleur du texte qui entoure.<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Avez-vous utilis\u00e9 de la couleur pour transmettre des concepts ou d'information? Si oui, vous devriez:\r\n<ul>\r\n\t<li>Confirmer que vous <a href=\"#_Utilisation_de_couleur*\">n'utilisez pas uniquement la couleur<\/a> pour transmettre cette information.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\n<h3>Pour qui est-ce que vous faites ceci?<\/h3>\r\nCe travail appuie les \u00e9tudiants qui:\r\n<ul>\r\n\t<li>ont une basse vision, comme <a href=\"#_Diana\">Diana<\/a><\/li>\r\n\t<li>Ont une pauvre vision de contraste<\/li>\r\n\t<li>Sont daltoniens et ne peuvent pas voir la diff\u00e9rence entre certaine couleurs<\/li>\r\n\t<li>Utilisent une machine avec un \u00e9cran monochrome.<\/li>\r\n<\/ul>\r\n[caption id=\"attachment_26\" align=\"alignnone\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana-300x184.png\" alt=\"diana\" class=\"wp-image-26 size-medium\" height=\"184\" width=\"300\" \/><\/a> Profile de Diana, art original de BCcampus[\/caption]\r\n<h2>Que devez-vous faire?<\/h2>\r\n<h3>Contraste<\/h3>\r\nLes \u00e9tudiants ont une basse vision et ou une forme de daltonisme peuvent conna\u00eetre une difficult\u00e9 \u00e0 lire s\u2019il n\u2019y a pas assez de contraste entre le texte et la couleur d'arri\u00e8re-plan que vous avez choisis.\r\n\r\nSi la palette de couleurs que vous avez choisie est trop subtile (e.g. texte blanche sure un arri\u00e8re-plan en pastelle; texte moyen gris sur un arri\u00e8re-plan gris p\u00e2le), le contraste entre vos premier et arri\u00e8re-plan est probablement insuffisant pour certains de vos \u00e9tudiants.\r\n\r\nWeb Content Accessibility Guidelines (WCAG 2.0) exigent que \"les pr\u00e9sentations visuelles de textes et images de textes ont un ratio de contraste d'au moins 7:1)\"[footnote]Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.6 Contrast (Enhanced). Acc\u00e9der de: http:\/\/www.w3.org\/TR\/UNDERSTANDINGWCAG20\/visual-audio-contrast7.html[\/footnote] Les images suivantes repr\u00e9sentent quatre exemples diff\u00e9rents de contraste de couleur premier\/arri\u00e8re-plan pour illustrer les ratios de contraste de couleur suffisante et insuffisante.\r\n<div>\r\n<div>\r\n\r\n[caption id=\"attachment_58\" align=\"alignnone\" width=\"500\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/contrast.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/contrast-e1448653516474.png\" alt=\"L'Image d\u00e9montre quatre exemples de couleur de premier plan (texte) contre des couleurs de l'arri\u00e8re-plan; seulement l'exemple \u00e0 droite pr\u00e9sente une combinaison de couleurs avec un contraste de couleur suffisante. \" class=\"wp-image-58 size-full\" height=\"162\" width=\"500\" \/><\/a> L'Image d\u00e9montre quatre exemples de couleur de premier plan (texte) contre des couleurs de l'arri\u00e8re-plan; seulement l'exemple \u00e0 droite pr\u00e9sente une combinaison de couleurs avec un contraste de couleur suffisante.[\/caption]\r\n<h3>\u00cates-vous incertain comment v\u00e9rifier vos mati\u00e8res pour les ratios de contraste de couleur?<\/h3>\r\nIl y a plusieurs outils disponibles en ligne ou t\u00e9l\u00e9chargeables pour vous aider \u00e0 \u00e9valuer vos ratios de contraste de couleur. Voici certains que nous avons essay\u00e9s et aimons:\r\n<ul>\r\n\t<li><a href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\">V\u00e9rificateur de contraste de couleur<\/a> WebAIM: Cet outil en ligne vous permet de s\u00e9lectionner ou d\u2019entrer des valeurs de couleurs pour l'\u00e9valuation et vous fournit avec un \"succ\u00e8s\" ou \"\u00e9chec\" pour votre ratio.<\/li>\r\n\t<li><a href=\"http:\/\/www.contrastchecker.com\/\">V\u00e9rificateur de contraste<\/a> ACART: Cela est un outil en ligne simple que vous pouvez utiliser pour v\u00e9rifier vos contrastes de couleurs et regarder vos s\u00e9lections en niveaux de gris. Cet outil vous permet aussi de conserver un historique des contrastes de couleurs test\u00e9s.<\/li>\r\n\t<li><a href=\"http:\/\/gmazzocato.altervista.org\/fr\/colorwheel\/wheel.php\">-Roue de couleur d'accessibilit\u00e9<\/a> de Giacomo Mazzocato: Cet outil en ligne inclut plusieurs options pour v\u00e9rifier vos s\u00e9lections de couleurs, incluant des simulations de trois types de daltonismes. Vous pouvez aussi faire le choix de v\u00e9rifier le contraste de couleur quand vos s\u00e9lections de couleurs de premi\u00e8res et d'arri\u00e8re-plan sont inverties.<\/li>\r\n<\/ul>\r\n<h3>Couleurs d'hyperliens<\/h3>\r\nLes hyperliens doivent \u00eatre \u00e0 la fois visuellement distincts de l'arri\u00e8re-plan et du texte non li\u00e9. Si vous ne soulignez pas vos liens(ou ne fournissez pas un autre indice sans couleur), vous devez assurer que vous fournissez \u00e0 la fois un contraste suffisante entre le lien et la couleur d'arri\u00e8re-plan et entre la couleur du lien et la couleur du texte qui l'entoure.\r\n\r\nWeb Content Accessibility Guidelines (WCAG 2.0) exige un contraste de:\r\n<ul>\r\n\t<li>4:5:1 entre la couleur du lien et la couleur de l'arri\u00e8re-plan<\/li>\r\n\t<li>-3:1 entre la couleur du lien et le texte qui l'entoure[footnote]WebAIM (2015), WCAG 2.0 and Link Colors. Accessed from: http:\/\/webaim.org\/blog\/wcag-2-0-and-link-colors\/[\/footnote].<\/li>\r\n<\/ul>\r\n<div>\r\n<h3>Mode haute contraste<\/h3>\r\nCertains \u00e9tudiants ont besoin d\u2019un texte pale sur un arri\u00e8re-plan fonc\u00e9 pour qu'il soit lisible, pendant que d'autres ont besoin d'un texte fonc\u00e9 sur un arri\u00e8re-plan p\u00e2le. Des \u00e9tudiants ont une basse vision (comme <a href=\"#_Diana\">Diana<\/a>) doivent \u00eatre capables de voir le contenu qui est pr\u00e9sent\u00e9 dans un mode haute contraste. Ceci peut \u00eatre une exp\u00e9rience subjective, bas\u00e9 sur vos besoins individuels. Nous recommandons que vous essayiez de tester votre contenu bas\u00e9 en textes et d'images pendant que vous travaillez en utilisant le mode haut contraste sur votre propre ordinateur et en faisant des changements autant qu'il faut.\r\n\r\nTous objets de contenu comme le texte, images, points, et fronti\u00e8res de tableaux doivent \u00eatre visibles en les deux modes, r\u00e9guliers et haut-contraste.\r\n<h3>Incertain comment v\u00e9rifier votre contenu en mode haute contraste?<\/h3>\r\n<div class=\"textbox\">\r\n\r\nPour v\u00e9rifier la visibilit\u00e9 de votre contenu dans ce mode, affichez le mode haut contraste en pesant simultan\u00e9ment les cl\u00e9s suivantes sur votre clavier(PC):\r\n\r\n<strong>ALT Gauche + SHIFT Gauche + Imprimer l'\u00e9cran<\/strong>\r\n\r\nPour fermer le mode haut contraste, r\u00e9p\u00e9tez cette \u00e9tape.\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<h2>Utilisation de couleur*<\/h2>\r\nVous ne devriez pas compter sur la couleur comme le seul moyen de transmettre vos informations et instructions. Si votre message d\u00e9pend sur la couleur pour \u00eatre compris, vous devez modifier vos mati\u00e8res pour que les concepts pr\u00e9sent\u00e9s dans les mati\u00e8res visuelles ne soient pas perdus \u00e0 ceux qui sont daltoniens ou ceux qui exigent un haut contraste entre couleurs.[footnote]Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.1 Use of Color. Accessed from: http:\/\/www.w3.org\/TR\/WCAG20\/#visual-audiocontrast[\/footnote]\r\n\r\n*Cette section est adress\u00e9e dans la section <a href=\"#_Images\">Images<\/a> de cette trousse d'outils.\r\n\r\n&nbsp;","rendered":"<p>Dans cette section, nous fournissons des lignes directives et recommandations \u00e0 propos du contraste de couleur dans vos mati\u00e8res de manuels de cours.<\/p>\n<h2>C&#8217;est quoi le contraste de couleur?<\/h2>\n<p>Le contraste de couleur inclut: teinte, clart\u00e9 et la saturation de textes, images et arri\u00e8re plans.<\/p>\n<p>Types de fichiers: .doc, .html, .pdf, .jpg, .gif<\/p>\n<h2>Avant de commencer<\/h2>\n<h3>C&#8217;est quoi le r\u00f4le de couleur dans la livraison de votre contenu?<\/h3>\n<p>Quand les documents ou les sites web ne fournissent pas assez de contraste entre les \u00e9l\u00e9ments du premier plan(e.g. texte, images) et les \u00e9l\u00e9ments de l&#8217;arri\u00e8re-plan(e.g. couleur, filigrane), certains \u00e9tudiants auront de la difficult\u00e9 \u00e0 lire le contenu. Consid\u00e8re les questions suivantes:<\/p>\n<ol>\n<li>Avez-vous pr\u00e9sent\u00e9 du contenu bas\u00e9 en texte ou image sur un arri\u00e8re-plan en couleur ou avec texture? Si oui, vous devriez:\n<ul>\n<li>Confirmer qu&#8217;il y a <a href=\"#_Contraste\">un contraste de couleur suffisante<\/a> entre votre contenu de premier plan et votre couleur ou texture choisie d&#8217;arri\u00e8re-plan.<\/li>\n<\/ul>\n<\/li>\n<li>Avez-vous inclus des hyperliens dans votre contenu? Si oui, vous devriez:\n<ul>\n<li>Confirmer que <a href=\"#_Couleurs_d'hyperliens\">la couleur de vos hyperliens<\/a> est distincte de votre couleur d&#8217;arri\u00e8re-plan et la couleur du texte qui entoure.<\/li>\n<\/ul>\n<\/li>\n<li>Avez-vous utilis\u00e9 de la couleur pour transmettre des concepts ou d&#8217;information? Si oui, vous devriez:\n<ul>\n<li>Confirmer que vous <a href=\"#_Utilisation_de_couleur*\">n&#8217;utilisez pas uniquement la couleur<\/a> pour transmettre cette information.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3>Pour qui est-ce que vous faites ceci?<\/h3>\n<p>Ce travail appuie les \u00e9tudiants qui:<\/p>\n<ul>\n<li>ont une basse vision, comme <a href=\"#_Diana\">Diana<\/a><\/li>\n<li>Ont une pauvre vision de contraste<\/li>\n<li>Sont daltoniens et ne peuvent pas voir la diff\u00e9rence entre certaine couleurs<\/li>\n<li>Utilisent une machine avec un \u00e9cran monochrome.<\/li>\n<\/ul>\n<figure id=\"attachment_26\" aria-describedby=\"caption-attachment-26\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana-300x184.png\" alt=\"diana\" class=\"wp-image-26 size-medium\" height=\"184\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana-300x184.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana-65x40.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana-225x138.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana-350x215.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/diana.png 802w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-26\" class=\"wp-caption-text\">Profile de Diana, art original de BCcampus<\/figcaption><\/figure>\n<h2>Que devez-vous faire?<\/h2>\n<h3>Contraste<\/h3>\n<p>Les \u00e9tudiants ont une basse vision et ou une forme de daltonisme peuvent conna\u00eetre une difficult\u00e9 \u00e0 lire s\u2019il n\u2019y a pas assez de contraste entre le texte et la couleur d&#8217;arri\u00e8re-plan que vous avez choisis.<\/p>\n<p>Si la palette de couleurs que vous avez choisie est trop subtile (e.g. texte blanche sure un arri\u00e8re-plan en pastelle; texte moyen gris sur un arri\u00e8re-plan gris p\u00e2le), le contraste entre vos premier et arri\u00e8re-plan est probablement insuffisant pour certains de vos \u00e9tudiants.<\/p>\n<p>Web Content Accessibility Guidelines (WCAG 2.0) exigent que &#8220;les pr\u00e9sentations visuelles de textes et images de textes ont un ratio de contraste d&#8217;au moins 7:1)&#8221;<a class=\"footnote\" title=\"Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.6 Contrast (Enhanced). Acc\u00e9der de: http:\/\/www.w3.org\/TR\/UNDERSTANDINGWCAG20\/visual-audio-contrast7.html\" id=\"return-footnote-57-1\" href=\"#footnote-57-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a> Les images suivantes repr\u00e9sentent quatre exemples diff\u00e9rents de contraste de couleur premier\/arri\u00e8re-plan pour illustrer les ratios de contraste de couleur suffisante et insuffisante.<\/p>\n<div>\n<div>\n<figure id=\"attachment_58\" aria-describedby=\"caption-attachment-58\" style=\"width: 500px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/contrast.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/contrast-e1448653516474.png\" alt=\"L'Image d\u00e9montre quatre exemples de couleur de premier plan (texte) contre des couleurs de l'arri\u00e8re-plan; seulement l'exemple \u00e0 droite pr\u00e9sente une combinaison de couleurs avec un contraste de couleur suffisante.\" class=\"wp-image-58 size-full\" height=\"162\" width=\"500\" \/><\/a><figcaption id=\"caption-attachment-58\" class=\"wp-caption-text\">L&#8217;Image d\u00e9montre quatre exemples de couleur de premier plan (texte) contre des couleurs de l&#8217;arri\u00e8re-plan; seulement l&#8217;exemple \u00e0 droite pr\u00e9sente une combinaison de couleurs avec un contraste de couleur suffisante.<\/figcaption><\/figure>\n<h3>\u00cates-vous incertain comment v\u00e9rifier vos mati\u00e8res pour les ratios de contraste de couleur?<\/h3>\n<p>Il y a plusieurs outils disponibles en ligne ou t\u00e9l\u00e9chargeables pour vous aider \u00e0 \u00e9valuer vos ratios de contraste de couleur. Voici certains que nous avons essay\u00e9s et aimons:<\/p>\n<ul>\n<li><a href=\"http:\/\/webaim.org\/resources\/contrastchecker\/\">V\u00e9rificateur de contraste de couleur<\/a> WebAIM: Cet outil en ligne vous permet de s\u00e9lectionner ou d\u2019entrer des valeurs de couleurs pour l&#8217;\u00e9valuation et vous fournit avec un &#8220;succ\u00e8s&#8221; ou &#8220;\u00e9chec&#8221; pour votre ratio.<\/li>\n<li><a href=\"http:\/\/www.contrastchecker.com\/\">V\u00e9rificateur de contraste<\/a> ACART: Cela est un outil en ligne simple que vous pouvez utiliser pour v\u00e9rifier vos contrastes de couleurs et regarder vos s\u00e9lections en niveaux de gris. Cet outil vous permet aussi de conserver un historique des contrastes de couleurs test\u00e9s.<\/li>\n<li><a href=\"http:\/\/gmazzocato.altervista.org\/fr\/colorwheel\/wheel.php\">-Roue de couleur d&#8217;accessibilit\u00e9<\/a> de Giacomo Mazzocato: Cet outil en ligne inclut plusieurs options pour v\u00e9rifier vos s\u00e9lections de couleurs, incluant des simulations de trois types de daltonismes. Vous pouvez aussi faire le choix de v\u00e9rifier le contraste de couleur quand vos s\u00e9lections de couleurs de premi\u00e8res et d&#8217;arri\u00e8re-plan sont inverties.<\/li>\n<\/ul>\n<h3>Couleurs d&#8217;hyperliens<\/h3>\n<p>Les hyperliens doivent \u00eatre \u00e0 la fois visuellement distincts de l&#8217;arri\u00e8re-plan et du texte non li\u00e9. Si vous ne soulignez pas vos liens(ou ne fournissez pas un autre indice sans couleur), vous devez assurer que vous fournissez \u00e0 la fois un contraste suffisante entre le lien et la couleur d&#8217;arri\u00e8re-plan et entre la couleur du lien et la couleur du texte qui l&#8217;entoure.<\/p>\n<p>Web Content Accessibility Guidelines (WCAG 2.0) exige un contraste de:<\/p>\n<ul>\n<li>4:5:1 entre la couleur du lien et la couleur de l&#8217;arri\u00e8re-plan<\/li>\n<li>-3:1 entre la couleur du lien et le texte qui l&#8217;entoure<a class=\"footnote\" title=\"WebAIM (2015), WCAG 2.0 and Link Colors. Accessed from: http:\/\/webaim.org\/blog\/wcag-2-0-and-link-colors\/\" id=\"return-footnote-57-2\" href=\"#footnote-57-2\" aria-label=\"Footnote 2\"><sup class=\"footnote\">[2]<\/sup><\/a>.<\/li>\n<\/ul>\n<div>\n<h3>Mode haute contraste<\/h3>\n<p>Certains \u00e9tudiants ont besoin d\u2019un texte pale sur un arri\u00e8re-plan fonc\u00e9 pour qu&#8217;il soit lisible, pendant que d&#8217;autres ont besoin d&#8217;un texte fonc\u00e9 sur un arri\u00e8re-plan p\u00e2le. Des \u00e9tudiants ont une basse vision (comme <a href=\"#_Diana\">Diana<\/a>) doivent \u00eatre capables de voir le contenu qui est pr\u00e9sent\u00e9 dans un mode haute contraste. Ceci peut \u00eatre une exp\u00e9rience subjective, bas\u00e9 sur vos besoins individuels. Nous recommandons que vous essayiez de tester votre contenu bas\u00e9 en textes et d&#8217;images pendant que vous travaillez en utilisant le mode haut contraste sur votre propre ordinateur et en faisant des changements autant qu&#8217;il faut.<\/p>\n<p>Tous objets de contenu comme le texte, images, points, et fronti\u00e8res de tableaux doivent \u00eatre visibles en les deux modes, r\u00e9guliers et haut-contraste.<\/p>\n<h3>Incertain comment v\u00e9rifier votre contenu en mode haute contraste?<\/h3>\n<div class=\"textbox\">\n<p>Pour v\u00e9rifier la visibilit\u00e9 de votre contenu dans ce mode, affichez le mode haut contraste en pesant simultan\u00e9ment les cl\u00e9s suivantes sur votre clavier(PC):<\/p>\n<p><strong>ALT Gauche + SHIFT Gauche + Imprimer l&#8217;\u00e9cran<\/strong><\/p>\n<p>Pour fermer le mode haut contraste, r\u00e9p\u00e9tez cette \u00e9tape.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2>Utilisation de couleur*<\/h2>\n<p>Vous ne devriez pas compter sur la couleur comme le seul moyen de transmettre vos informations et instructions. Si votre message d\u00e9pend sur la couleur pour \u00eatre compris, vous devez modifier vos mati\u00e8res pour que les concepts pr\u00e9sent\u00e9s dans les mati\u00e8res visuelles ne soient pas perdus \u00e0 ceux qui sont daltoniens ou ceux qui exigent un haut contraste entre couleurs.<a class=\"footnote\" title=\"Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.1 Use of Color. Accessed from: http:\/\/www.w3.org\/TR\/WCAG20\/#visual-audiocontrast\" id=\"return-footnote-57-3\" href=\"#footnote-57-3\" aria-label=\"Footnote 3\"><sup class=\"footnote\">[3]<\/sup><\/a><\/p>\n<p>*Cette section est adress\u00e9e dans la section <a href=\"#_Images\">Images<\/a> de cette trousse d&#8217;outils.<\/p>\n<p>&nbsp;<\/p>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-57-1\">Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.6 Contrast (Enhanced). Acc\u00e9der de: http:\/\/www.w3.org\/TR\/UNDERSTANDINGWCAG20\/visual-audio-contrast7.html <a href=\"#return-footnote-57-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><li id=\"footnote-57-2\">WebAIM (2015), WCAG 2.0 and Link Colors. Accessed from: http:\/\/webaim.org\/blog\/wcag-2-0-and-link-colors\/ <a href=\"#return-footnote-57-2\" class=\"return-footnote\" aria-label=\"Return to footnote 2\">&crarr;<\/a><\/li><li id=\"footnote-57-3\">Web Content Accessibility Guidelines (WCAG) 2.0, Guideline 1.4.1 Use of Color. Accessed from: http:\/\/www.w3.org\/TR\/WCAG20\/#visual-audiocontrast <a href=\"#return-footnote-57-3\" class=\"return-footnote\" aria-label=\"Return to footnote 3\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":17,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-57","chapter","type-chapter","status-publish","hentry"],"part":31,"_links":{"self":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/57","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\/57\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/57\/revisions\/59"}],"part":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/parts\/31"}],"metadata":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/57\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/media?parent=57"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapter-type?post=57"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/contributor?post=57"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/license?post=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}