{"id":22,"date":"2020-10-09T00:51:43","date_gmt":"2020-10-09T00:51:43","guid":{"rendered":"https:\/\/in.nau.edu\/virtual-scavenger-hunt\/?page_id=22"},"modified":"2024-09-23T22:57:13","modified_gmt":"2024-09-23T22:57:13","slug":"gray-scale-chart","status":"publish","type":"page","link":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/gray-scale-chart\/","title":{"rendered":"Gray-scale chart"},"content":{"rendered":"<style>\n  button:focus {<br \/>\n    outline-width: thick;<br \/>\n    outline-color: #3b99fc;<br \/>\n    outline-style: solid;<br \/>\n    outline-offset: -2px;<br \/>\n  }<br \/>\n<\/style>\n<p><script>\n  jQuery(document).ready(function(){\n    jQuery('#show').click(function(){\n      jQuery('#color').show();\n      jQuery('#secret').show();\n    });\n  });\n<\/script><\/p>\n<h1>Grey-scale chart<\/h1>\n<h2>Peruse the data in the charts<\/h2>\n<p>&nbsp;<\/p>\n<div style=\"float: left; width: 50%;\">\n<figure id=\"attachment_105\" aria-describedby=\"caption-attachment-105\" style=\"width: 266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105 size-uncropped-small\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/color-blindness-population-grey.gif\" alt=\"Circle chart with two colors in grey-scale used represent that 8.5% of the population is affected by color blindness\" width=\"266\" height=\"300\" \/><figcaption id=\"caption-attachment-105\" class=\"wp-caption-text\">Although the colors used in the chart vary in color, they only have a one to one contrast ratio. Thus, making it difficult for some with visual impairments to distinguish which grey is associated with which item in the legend.<\/figcaption><\/figure>\n<figure id=\"attachment_107\" aria-describedby=\"caption-attachment-107\" style=\"width: 285px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-107 size-uncropped-small\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/color-blindness-by-sex-grey.gif\" alt=\"Chart displaying icons to represent 1 in 12 men and 1 in 200 women have color blindness.\" width=\"285\" height=\"300\" \/><figcaption id=\"caption-attachment-107\" class=\"wp-caption-text\">This is a grey-scale version of a chart where the single person in each chart is in red, while the other 11 men and 199 women are in green. With red-green color blindness, the colors are indistinguishable.<\/figcaption><\/figure>\n<\/div>\n<div id=\"color\" style=\"float: left; width: 50%; display: none;\">\n<figure id=\"attachment_106\" aria-describedby=\"caption-attachment-106\" style=\"width: 266px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-106 size-uncropped-small\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/color-blindness-population.gif\" alt=\"Circle chart with two colors used represent that 8.5% of the population is affected by color blindness\" width=\"266\" height=\"300\" \/><figcaption id=\"caption-attachment-106\" class=\"wp-caption-text\">Although the colors used in the chart vary in color, they only have a one to one contrast ratio. Thus, making it difficult for some with visual impairments to distinguish which grey is associated with which item in the legend.<\/figcaption><\/figure>\n<figure id=\"attachment_108\" aria-describedby=\"caption-attachment-108\" style=\"width: 285px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-108 size-uncropped-small\" src=\"https:\/\/in.nau.edu\/wp-content\/uploads\/sites\/232\/2020\/10\/color-blindness-by-sex.gif\" alt=\"Chart displaying icons to represent 1 in 12 men and 1 in 200 women have color blindness.\" width=\"285\" height=\"300\" \/><figcaption id=\"caption-attachment-108\" class=\"wp-caption-text\">The single person in each chart is in red, while the other 11 men and 199 women are in green. With red-green color blindness, the colors are indistinguishable.<\/figcaption><\/figure>\n<\/div>\n<div style=\"clear: both;\">\n<p><button id=\"show\">Add Color<\/button><\/p>\n<p id=\"secret\" style=\"display: none;\">Secret Word: good<\/p>\n<\/div>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/color-as-representation\/\">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>Grey-scale chart Peruse the data in the charts &nbsp; Add Color Secret Word: good &nbsp; 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":207,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","ring_central_script_selection":"","footnotes":""},"class_list":["post-22","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":39,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/pages\/22\/revisions\/584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/media\/207"}],"wp:attachment":[{"href":"https:\/\/in.nau.edu\/virtual-accessibility-expedition\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}