{"id":42,"date":"2020-11-05T21:31:07","date_gmt":"2020-11-05T21:31:07","guid":{"rendered":"http:\/\/sites.msudenver.edu\/accessible-design\/?page_id=42"},"modified":"2020-11-19T06:45:51","modified_gmt":"2020-11-19T06:45:51","slug":"button-and-link-navigation","status":"publish","type":"page","link":"https:\/\/sites.msudenver.edu\/accessible-design\/button-and-link-navigation\/","title":{"rendered":"Button and Link Navigation"},"content":{"rendered":"<h2><span style=\"font-family: verdana, geneva, sans-serif\">Buttons and Links\u00a0<\/span><\/h2>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">It is important that the buttons have enough space between them and the text or any other component inside the design. This lets people see the button faster if it is too close to something then it might become a bit more difficult to see. Because links are the same they should have enough space between them and the other text, so it makes it easier to find. Links are often the same font as the rest of the design it is important to make it stand out, so people are able to spot it with ease.<\/span><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif\"><span style=\"font-size: 18.6667px\"><b>Example of an accessible design:<\/b><\/span><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-236\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-3-100-181x300.jpg\" alt=\"Visual example of correct navigation and button spacing\" width=\"298\" height=\"495\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-3-100-181x300.jpg 181w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-3-100.jpg 483w\" sizes=\"auto, (max-width: 298px) 100vw, 298px\" \/><\/p>\n<p><span style=\"font-family: verdana, geneva, sans-serif\"><span style=\"font-size: 18.6667px\"><b>Example of an inaccessible design:<\/b><\/span><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-235\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-2-100-181x300.jpg\" alt=\"Visual example of incorrect navigation and button spacing\" width=\"303\" height=\"502\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-2-100-181x300.jpg 181w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-2-100.jpg 483w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Buttons and Links\u00a0 It is important that the buttons have enough space between them and the text or any other component inside the design. This lets people see the button faster if it is too close to something then it might become a bit more [&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-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/42","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=42"}],"version-history":[{"count":0,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"wp:attachment":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}