{"id":20,"date":"2020-10-09T00:32:15","date_gmt":"2020-10-09T00:32:15","guid":{"rendered":"https:\/\/in.nau.edu\/virtual-scavenger-hunt\/?page_id=20"},"modified":"2024-09-23T22:52:53","modified_gmt":"2024-09-23T22:52:53","slug":"color-contrast","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/color-contrast\/","title":{"rendered":"Color Contrast"},"content":{"rendered":"<p><script type=\"application\/javascript\">\n  var firstFlag = 1;\n  var secondFlag = 0;\n  var thirdFlag = 0;\n  function firstButton()\n  {\n    window.firstFlag += 1;\n    jQuery('#skull').attr('srcset','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull.png');\n    jQuery('#skull').attr('src','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull.png');\n    jQuery('#buttons').attr('srcset','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/stoplights.png');\n    jQuery('#buttons').attr('src','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/stoplights.png');\n    newText();\n  }\n  function secondButton()\n  {\n    window.secondFlag += 1;\n    jQuery('#skull').attr('srcset','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull-deuteranopia.png');\n    jQuery('#skull').attr('src','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull-deuteranopia.png');\n    jQuery('#buttons').attr('srcset','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/stoplights-deuteranopia.png');\n    jQuery('#buttons').attr('src','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/stoplights-deuteranopia.png');\n    newText();\n  }\n  function thirdButton()\n  {\n    window.thirdFlag += 1;\n    jQuery('#skull').attr('srcset','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull-protanopia.png');\n    jQuery('#skull').attr('src','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull-protanopia.png');\n    jQuery('#buttons').attr('srcset','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/stoplights-protanopia.png');\n    jQuery('#buttons').attr('src','https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/stoplights-protanopia.png');\n    newText();\n  }\n  function newText()\n  {\n    if(firstFlag && secondFlag && thirdFlag)\n    {\n      document.getElementById(\"newText\").innerHTML = \"Secret Word: ableist\";\n    }\n  }\n  jQuery(document).ready(function(){\n    jQuery('#first').click(firstButton);\n    jQuery('#second').click(secondButton);\n    jQuery('#third').click(thirdButton);\n  })\n<\/script><\/p>\n<h1>Color contrast<\/h1>\n<h2>What do you see?<\/h2>\n<p>&nbsp;<\/p>\n<p><label class=\"sr-only\" style=\"float: left; cursor: pointer; margin-right: 10px;\" for=\"first\">Original image without color change<\/label><span style=\"display: block; float: left; margin-right: 10px;\">Original<\/span><input id=\"first\" style=\"float: left; cursor: pointer; margin-right: 20px; margin-top: 10px;\" checked=\"checked\" name=\"selection\" type=\"radio\" value=\"first\" \/><label class=\"sr-only\" style=\"float: left; cursor: pointer; margin-right: 10px;\" for=\"second\">Image emulating Protanopia (less red sensitivity)<\/label><span style=\"display: block; float: left; margin-right: 10px;\">Protanopia<\/span><input id=\"second\" style=\"float: left; cursor: pointer; margin-right: 20px; margin-top: 10px;\" name=\"selection\" type=\"radio\" value=\"second\" \/><label class=\"sr-only\" style=\"float: left; cursor: pointer; margin-right: 10px;\" for=\"third\">Image emulating Deuteranopia (less green sensitivity)<\/label><span style=\"display: block; float: left; margin-right: 10px;\">Deuteranopia<\/span><input id=\"third\" style=\"float: left; cursor: pointer; margin-right: 20px; margin-top: 10px;\" name=\"selection\" type=\"radio\" value=\"third\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" id=\"skull\" class=\"alignnone size-landscape-image wp-image-260\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull.png\" alt=\"Skull and crossbones\" width=\"464\" height=\"298\" srcset=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull.png 763w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull-300x193.png 300w, https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/skull-600x386.png 600w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" id=\"buttons\" class=\"alignnone size-landscape-image wp-image-262\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/stoplights.png\" alt=\"Buttons that show color contrast\" width=\"464\" height=\"273\" \/><\/p>\n<p id=\"newText\">Explore the images above.<\/p>\n<hr \/>\n<p><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/color-in-web-design\/\">Learn why this activity is important.<\/a><\/p>\n<hr \/>\n<h4>Activity Navigation<\/h4>\n<p><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/\">Virtual Accessibility Expedition Home Page<\/a><\/p>\n<ul>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/color-contrast\/\">Color contrast<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/gray-scale-chart\/\">Gray-scale chart<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/image-activity\/\">Images<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/mouseless-navigation-activity\/\">Mouseless navigation<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/videos\/\">Video settings<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/scalability-zooming-activity\/\">Scalability<\/a><\/li>\n<li><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/white-page-activity\/\">White page<\/a><\/li>\n<\/ul>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Color contrast What do you see? &nbsp; Original image without color changeOriginalImage emulating Protanopia (less red sensitivity)ProtanopiaImage emulating Deuteranopia (less green sensitivity)Deuteranopia Explore the images above. Learn why this activity is important. Activity Navigation Virtual Accessibility Expedition Home Page Color contrast Gray-scale chart Images Mouseless navigation Video settings Scalability White page &nbsp;<\/p>\n","protected":false},"author":99,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ring_central_script_selection":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/users\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":40,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":583,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/20\/revisions\/583"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}