{"id":911,"date":"2012-09-26T21:12:21","date_gmt":"2012-09-27T02:12:21","guid":{"rendered":"https:\/\/web.saumag.edu\/styleguide\/?page_id=16"},"modified":"2020-01-23T15:29:03","modified_gmt":"2020-01-23T21:29:03","slug":"web-specific-style","status":"publish","type":"page","link":"https:\/\/web.saumag.edu\/communications\/editorial-guide\/web-specific-style\/","title":{"rendered":"Web-specific style"},"content":{"rendered":"<h2>Understand Your Purpose and Audience<\/h2>\n<p>Guideline: Identify and clearly articulate the primary goals of the website before beginning the design or content creation process.<\/p>\n<ul>\n<li>Ensure the content meets user expectations.<\/li>\n<li>Do not use words that typical users may not understand.<\/li>\n<li>Do not use unfamiliar or undefined acronyms or abbreviations.<\/li>\n<li>Compose sentences in active rather than passive voice.<\/li>\n<\/ul>\n<h2>Avoid Surprises<\/h2>\n<p>Guideline: Do not have unsolicited windows or graphics \u2018pop-up\u2019 to users.<\/p>\n<ul>\n<li>Links should open in the same window.<\/li>\n<li>Links to Word documents [.doc], PDF files [.pdf], Excel spreadsheets [.xls], Zip files [.zip], etc., should be clearly labeled as such to indicate to the user that a download or non-html file load will take place.<\/li>\n<\/ul>\n<h2>Provide Text Equivalents for Non-Text Elements<\/h2>\n<p>Guideline: Provide a text equivalent for every non-text element that conveys information. This means descriptive alternative and title text for images, videos, and even text links.<\/p>\n<h2>Avoid Cluttered Displays<\/h2>\n<p>Guideline: Create pages that are not considered cluttered by users.<\/p>\n<ul>\n<li>Use bold text only when it is important to draw the user\u2019s attention to a specific piece of information. Do not bold entire sentences or paragraphs.<\/li>\n<li>Images should be relevant to the content and add value to the information presented.<\/li>\n<li>Information should be logically organized with descriptive headers.<\/li>\n<li>Use normal capitalization and punctuation. WE DON\u2019T USE ALL CAPS ON THE WEBSITE.<\/li>\n<\/ul>\n<h2>Establish Level of Importance<\/h2>\n<p>Guideline: Establish a high-to-low level of importance for information and infuse this approach throughout each page on the website. Research shows users scan (vs. read) Web content. Make your content easily scannable.<\/p>\n<ul>\n<li>Include the primary theme and scope in the first sentence of each paragraph.<\/li>\n<li>Arrange lists and tasks in an order that best facilitates efficient and successful user performance.<\/li>\n<li>Place a list\u2019s most important items at the top.<\/li>\n<li>Display a series of related items in a vertical list rather than as continuous text.<\/li>\n<li>Provide an introductory heading at the top of each list.<\/li>\n<\/ul>\n<h2>Set Appropriate Page Lengths<\/h2>\n<p>Guideline: Make page-length decisions that support the primary use of the Web page. Break up large pages by using document structure appropriate headers (in the correctly nested order) and bullet lists. Use descriptive headers liberally. Evaluate breaking large blocks of copy into multiple pages.<\/p>\n<h2>Links<\/h2>\n<ul>\n<li>Use link labels and concepts that are meaningful, understandable, and easily differentiated by users.\n<ul>\n<li>\u201cChemistry degree plan\u201d vs \u201cclick here to learn more about our chemistry degree requirements\u201d<\/li>\n<\/ul>\n<\/li>\n<li>Provide links to other pages in the website with related content.<\/li>\n<li>Make the link text consistent with the title or headings on the destination (target) page.<\/li>\n<li>Items that are not clickable should not appear to be. Do not underline text for emphasis.<\/li>\n<li>Use text links rather than image links (\u201cbuttons\u201d).<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Understand Your Purpose and Audience Guideline: Identify and clearly articulate the primary goals of the website before beginning the design or content creation process. Ensure the content meets user expectations. Do not use words that typical users may not understand. Do not use unfamiliar or undefined acronyms or abbreviations. Compose sentences in active rather than&#8230; <a class=\"more-link\" href=\"https:\/\/web.saumag.edu\/communications\/editorial-guide\/web-specific-style\/\"> Read More<\/a><\/p>\n","protected":false},"author":564,"featured_media":0,"parent":912,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":{"0":"post-911","1":"page","2":"type-page","3":"status-publish","5":"entry"},"acf":[],"_links":{"self":[{"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/pages\/911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/users\/564"}],"replies":[{"embeddable":true,"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/comments?post=911"}],"version-history":[{"count":0,"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/pages\/911\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/pages\/912"}],"wp:attachment":[{"href":"https:\/\/web.saumag.edu\/communications\/wp-json\/wp\/v2\/media?parent=911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}