{"id":112,"date":"2022-05-11T21:16:36","date_gmt":"2022-05-11T21:16:36","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=52"},"modified":"2022-05-11T21:23:30","modified_gmt":"2022-05-11T21:23:30","slug":"images","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/","title":{"rendered":"Images"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">1. Always add alt-text description to an image.<\/h4>\n\n\n\n<p>Depending on the purpose and use of the image, you do not have to be overly specific. If an image is purely decorative, then something simple like \u201cThe east end of WashU campus at sunset\u201d is fine.<\/p>\n\n\n\n<p>If the image conveys information related to the page, more specificity is required. An example would be a picture of alumni at Reunion on the 10th reunion page. Alt-text might read something like \u201cAlumni gather in the Quad for a BBQ for their 10th Reunion.\u201d<\/p>\n\n\n\n<p>A photo of two donors about whom an article is written would have the most information as it has the most information to convey, including specific names and location. Example, \u201cJohn and Jane Doe, AB\u201989, shake hands with Chancellor Andrew Martin at the 2020 Founders Day gala.\u201d<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Whenever possible, avoid placing text within images.<\/h4>\n\n\n\n<p>Text within images cannot be read by screen readers or search engines. When content cannot be represented appropriately outside of an image, provide an accessible, text-based version of the content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">3. Do not try to size images up to meet minimum requirements.<\/h4>\n\n\n\n<p>Sizing images up from a smaller size will result in poor and grainy resolution. You\u2019re better served by finding another photo or omitting it entirely.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Always add alt-text description to an image. Depending on the purpose and use of the image, you do not have to be overly specific. If an image is purely decorative, then something simple like \u201cThe east end of WashU campus at sunset\u201d is fine. If the image conveys information related to the page, more [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":351,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.14 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Images - Student Affairs Marketing<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Images - Student Affairs Marketing\" \/>\n<meta property=\"og:description\" content=\"1. Always add alt-text description to an image. Depending on the purpose and use of the image, you do not have to be overly specific. If an image is purely decorative, then something simple like \u201cThe east end of WashU campus at sunset\u201d is fine. If the image conveys information related to the page, more [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/\" \/>\n<meta property=\"og:site_name\" content=\"Student Affairs Marketing\" \/>\n<meta property=\"article:modified_time\" content=\"2022-05-11T21:23:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/\",\"name\":\"Images - Student Affairs Marketing\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/#website\"},\"datePublished\":\"2022-05-11T21:16:36+00:00\",\"dateModified\":\"2022-05-11T21:23:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices &#038; Guidelines\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Media best practices\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/\",\"name\":\"Student Affairs Marketing\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images - Student Affairs Marketing","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Images - Student Affairs Marketing","og_description":"1. Always add alt-text description to an image. Depending on the purpose and use of the image, you do not have to be overly specific. If an image is purely decorative, then something simple like \u201cThe east end of WashU campus at sunset\u201d is fine. If the image conveys information related to the page, more [&hellip;]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/","og_site_name":"Student Affairs Marketing","article_modified_time":"2022-05-11T21:23:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/","url":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/","name":"Images - Student Affairs Marketing","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/#website"},"datePublished":"2022-05-11T21:16:36+00:00","dateModified":"2022-05-11T21:23:30+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/"},{"@type":"ListItem","position":2,"name":"Best Practices &#038; Guidelines","item":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/"},{"@type":"ListItem","position":3,"name":"Media best practices","item":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/web-best-practices-guidelines\/media-best-practices\/"},{"@type":"ListItem","position":4,"name":"Images"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/","name":"Student Affairs Marketing","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Student Affairs Marketing","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/pages\/112"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":1,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/pages\/112\/revisions\/119"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/pages\/351"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/sa-marketing\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}