{"id":2156,"date":"2024-09-23T16:52:16","date_gmt":"2024-09-23T16:52:16","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=52"},"modified":"2024-09-23T17:22:56","modified_gmt":"2024-09-23T17:22:56","slug":"images","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/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":2195,"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 - Web User Guide<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Images - Web User Guide\" \/>\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\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/\" \/>\n<meta property=\"og:site_name\" content=\"Web User Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-23T17:22:56+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\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/\",\"name\":\"Images - Web User Guide\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website\"},\"datePublished\":\"2024-09-23T16:52:16+00:00\",\"dateModified\":\"2024-09-23T17:22:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices &#038; Guidelines\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Media best practices\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/\",\"name\":\"Web User Guide\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images - Web User Guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/","og_locale":"en_US","og_type":"article","og_title":"Images - Web User Guide","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\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/","og_site_name":"Web User Guide","article_modified_time":"2024-09-23T17:22:56+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\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/","url":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/","name":"Images - Web User Guide","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website"},"datePublished":"2024-09-23T16:52:16+00:00","dateModified":"2024-09-23T17:22:56+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/"},{"@type":"ListItem","position":2,"name":"Best Practices &#038; Guidelines","item":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/"},{"@type":"ListItem","position":3,"name":"Media best practices","item":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/media-best-practices\/"},{"@type":"ListItem","position":4,"name":"Images"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/","name":"Web User Guide","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/?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":"Web User Guide","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/momentum","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2156"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/comments?post=2156"}],"version-history":[{"count":1,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2156\/revisions"}],"predecessor-version":[{"id":2302,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2156\/revisions\/2302"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2195"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/media?parent=2156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}