{"id":40,"date":"2020-11-05T21:29:49","date_gmt":"2020-11-05T21:29:49","guid":{"rendered":"http:\/\/sites.msudenver.edu\/accessible-design\/?page_id=40"},"modified":"2020-11-19T17:53:57","modified_gmt":"2020-11-19T17:53:57","slug":"spatial-considerations","status":"publish","type":"page","link":"https:\/\/sites.msudenver.edu\/accessible-design\/spatial-considerations\/","title":{"rendered":"Spatial Considerations"},"content":{"rendered":"<p><span style=\"font-size: 14pt;font-family: verdana, geneva, sans-serif\">The spacing in-between letters is known as tracking and spacing in-between lines of text is known as leading. It is important to create enough space in-between lines of text that way, users with a sight or reading impairments can easily read the information. If the letters and words are too close or crowed, it will be hard for your users to read effectively.<\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\"><a href=\"https:\/\/www.w3.org\/WAI\/tips\/designing\/#use-headings-and-spacing-to-group-related-content\">www.w3.org<\/a><\/span><\/p>\n<p><a href=\"http:\/\/www.ace.accessibe.com\"><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">www.ace.accessibe.com<\/span><\/a><\/p>\n<p><span style=\"font-size: 14pt;font-family: verdana, geneva, sans-serif\">Below are examples of approved spacing of point size of the font and leading pairing within a website and in written information.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-215 size-full\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-16-at-10.52.01-AM.png\" alt=\"This is a visual example of accessible use of wide margins and space within a website. \" width=\"1512\" height=\"462\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-16-at-10.52.01-AM.png 1512w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-16-at-10.52.01-AM-300x92.png 300w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-16-at-10.52.01-AM-1024x313.png 1024w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-16-at-10.52.01-AM-768x235.png 768w\" sizes=\"auto, (max-width: 1512px) 100vw, 1512px\" \/><\/p>\n<h3><span style=\"font-size: 18pt;font-family: verdana, geneva, sans-serif\"><b>Accessible<span class=\"Apple-converted-space\">\u00a0<\/span><\/b><\/span><\/h3>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Visual Example<\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">This is a visual example of the correct use of spacing for headings and lines of text within a paragraph. The leading is at least two to three points higher than the font point size.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-250\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.13.53-PM-1-300x165.png\" alt=\"This is a visual example of accessible line spacing within a paragraph. \" width=\"300\" height=\"165\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.13.53-PM-1-300x165.png 300w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.13.53-PM-1-1024x563.png 1024w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.13.53-PM-1-768x423.png 768w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.13.53-PM-1.png 1076w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h3><span style=\"font-family: verdana, geneva, sans-serif;font-size: 18pt\"><b>Inaccessible<span class=\"Apple-converted-space\">\u00a0<\/span><\/b><\/span><\/h3>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Visual Example<\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">This is a visual example of the incorrect use of spacing for headings ans lines of text within a paragraph. The lack of leading or the space between lines of text is too close.<span class=\"Apple-converted-space\">\u00a0<\/span><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-251\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.15.04-PM-1-300x132.png\" alt=\"This is a visual example of inaccessible use of no line spacing within lines of text in a paragraph.\" width=\"300\" height=\"132\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.15.04-PM-1-300x132.png 300w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.15.04-PM-1-1024x450.png 1024w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.15.04-PM-1-768x338.png 768w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Screen-Shot-2020-11-09-at-5.15.04-PM-1.png 1028w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The spacing in-between letters is known as tracking and spacing in-between lines of text is known as leading. It is important to create enough space in-between lines of text that way, users with a sight or reading impairments can easily read the information. If the [&hellip;]<\/p>\n","protected":false},"author":860,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/users\/860"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":0,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"wp:attachment":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}