{"id":70,"date":"2022-10-30T20:47:21","date_gmt":"2022-10-30T20:47:21","guid":{"rendered":"https:\/\/docs.joedolson.com\/wp-accessibility\/?p=70"},"modified":"2022-10-30T20:47:21","modified_gmt":"2022-10-30T20:47:21","slug":"color-contrast-testing","status":"publish","type":"post","link":"https:\/\/docs.joedolson.com\/wp-accessibility\/2022\/10\/30\/color-contrast-testing\/","title":{"rendered":"Color Contrast Testing"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The color contrast testing tool is a reduced-feature implementation of my own <a href=\"https:\/\/www.joedolson.com\/tools\/color-contrast.php\">color contrast testing tool<\/a>. Use it to test any pair of colors you&#8217;re considering using together. If you&#8217;re looking to test the color contrast of your site&#8217;s front-end design, a tool like <a href=\"https:\/\/wave.webaim.org\">WebAIM&#8217;s WAVE toolbar<\/a> is going to be more effective.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"382\" height=\"229\" src=\"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-content\/uploads\/sites\/11\/2022\/10\/image-7.png\" alt=\"\" class=\"wp-image-71\" srcset=\"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-content\/uploads\/sites\/11\/2022\/10\/image-7.png 382w, https:\/\/docs.joedolson.com\/wp-accessibility\/wp-content\/uploads\/sites\/11\/2022\/10\/image-7-300x180.png 300w\" sizes=\"auto, (max-width: 382px) 100vw, 382px\" \/><figcaption class=\"wp-element-caption\">Tool settings: color selectors.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-content\/uploads\/sites\/11\/2022\/10\/image-8.png\" alt=\"\" class=\"wp-image-72\" width=\"690\" height=\"308\" srcset=\"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-content\/uploads\/sites\/11\/2022\/10\/image-8.png 722w, https:\/\/docs.joedolson.com\/wp-accessibility\/wp-content\/uploads\/sites\/11\/2022\/10\/image-8-300x134.png 300w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><figcaption class=\"wp-element-caption\">Test results, showing the results for #1e73be and #eeee22.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The color contrast testing tool is a reduced-feature implementation of my own color contrast testing tool. Use it to test any pair of colors you&#8217;re considering using together. If you&#8217;re looking to test the color contrast of your site&#8217;s front-end design, a tool like WebAIM&#8217;s WAVE toolbar is going to be more effective.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-70","post","type-post","status-publish","format-standard","hentry","category-tools"],"_links":{"self":[{"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/posts\/70","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/comments?post=70"}],"version-history":[{"count":1,"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/posts\/70\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/posts\/70\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/media?parent=70"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/categories?post=70"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.joedolson.com\/wp-accessibility\/wp-json\/wp\/v2\/tags?post=70"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}