{"id":43,"date":"2020-11-05T21:31:33","date_gmt":"2020-11-05T21:31:33","guid":{"rendered":"http:\/\/sites.msudenver.edu\/accessible-design\/?page_id=43"},"modified":"2020-11-18T04:26:33","modified_gmt":"2020-11-18T04:26:33","slug":"menu-design","status":"publish","type":"page","link":"https:\/\/sites.msudenver.edu\/accessible-design\/menu-design\/","title":{"rendered":"Menu Design"},"content":{"rendered":"<h2><span style=\"font-family: verdana, geneva, sans-serif\">Menu Design<\/span><\/h2>\n<p><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">When it comes to accessible menu design and spacing it is important that there is enough space between each part so that it can be read with ease and not overwhelm the user. Menus should also be clean and simple, making it easier to navigate. The amount of space between each component depends on the media application when designing there should be enough room between each component, so they do not clash with one another. While it is important to keep the design accessible it is also important to keep the design-friendly and easy to use.<\/span><\/p>\n<p><strong><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Example of an accessible design:<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-170\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-11-199x300.png\" alt=\"Visual example of correct menu spacing\" width=\"237\" height=\"357\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-11-199x300.png 199w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-11.png 375w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/p>\n<p><strong><span style=\"font-family: verdana, geneva, sans-serif;font-size: 14pt\">Example of an inaccessible design:<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-171\" src=\"http:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-13-196x300.png\" alt=\"Visual example of incorrect menu spacing\" width=\"237\" height=\"362\" srcset=\"https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-13-196x300.png 196w, https:\/\/sites.msudenver.edu\/accessible-design\/wp-content\/uploads\/sites\/467\/2020\/11\/Asset-13.png 377w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Menu Design When it comes to accessible menu design and spacing it is important that there is enough space between each part so that it can be read with ease and not overwhelm the user. Menus should also be clean and simple, making it easier [&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-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/43","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=43"}],"version-history":[{"count":0,"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"wp:attachment":[{"href":"https:\/\/sites.msudenver.edu\/accessible-design\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}