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