{"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\/environment\/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 - Center for the Environment<\/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 - Center for the Environment\" \/>\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\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/\" \/>\n<meta property=\"og:site_name\" content=\"Center for the Environment\" \/>\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\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/\",\"name\":\"Images - Center for the Environment\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/#website\"},\"datePublished\":\"2022-05-11T21:16:36+00:00\",\"dateModified\":\"2022-05-11T21:23:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices &#038; Guidelines\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Media best practices\",\"item\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/#website\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/\",\"name\":\"Center for the Environment\",\"description\":\"Just another digitaldocumentation.wustl.edu Sites site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitaldocumentation.wustl.edu\/environment\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images - Center for the Environment","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 - Center for the Environment","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\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/","og_site_name":"Center for the Environment","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\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/","url":"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/","name":"Images - Center for the Environment","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/environment\/#website"},"datePublished":"2022-05-11T21:16:36+00:00","dateModified":"2022-05-11T21:23:30+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitaldocumentation.wustl.edu\/environment\/"},{"@type":"ListItem","position":2,"name":"Best Practices &#038; Guidelines","item":"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/"},{"@type":"ListItem","position":3,"name":"Media best practices","item":"https:\/\/digitaldocumentation.wustl.edu\/environment\/web-best-practices-guidelines\/media-best-practices\/"},{"@type":"ListItem","position":4,"name":"Images"}]},{"@type":"WebSite","@id":"https:\/\/digitaldocumentation.wustl.edu\/environment\/#website","url":"https:\/\/digitaldocumentation.wustl.edu\/environment\/","name":"Center for the Environment","description":"Just another digitaldocumentation.wustl.edu Sites site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitaldocumentation.wustl.edu\/environment\/?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":"Center for the Environment","distributor_original_site_url":"https:\/\/digitaldocumentation.wustl.edu\/environment","push-errors":false,"_links":{"self":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/pages\/112"}],"collection":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":1,"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/pages\/112\/revisions\/119"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/pages\/351"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/environment\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}