{"id":2157,"date":"2022-05-09T21:40:08","date_gmt":"2022-05-09T21:40:08","guid":{"rendered":"https:\/\/digitaldocumentation.wustl.edu\/web-design-system-documentation\/?page_id=57"},"modified":"2024-09-23T16:54:14","modified_gmt":"2024-09-23T16:54:14","slug":"accessibility","status":"publish","type":"page","link":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/","title":{"rendered":"Accessibility"},"content":{"rendered":"\n<p class=\"is-style-lead\">Make your site accessible to people of all abilities, including people who use assistive technologies.<\/p>\n\n\n\n<p>Refer to the <a href=\"https:\/\/digitalaccessibility.wustl.edu\/\">WashU Digital Accessibility website<\/a> for <a href=\"https:\/\/digitalaccessibility.wustl.edu\/accessibility-at-washu\/\">accessibility requirements at WashU<\/a>, <a href=\"https:\/\/digitalaccessibility.wustl.edu\/guides\/\">guides<\/a> and <a href=\"https:\/\/digitalaccessibility.wustl.edu\/tools\/\">tools<\/a>.<\/p>\n\n\n\n<p>This video from the University of Colorado-Boulder demonstrates a Google search and site visit\u00a0<a href=\"https:\/\/webaim.org\/techniques\/screenreader\/\">using a screen reader<\/a>, a common tool for people with visual impairments.<\/p>\n\n\n\n<p>You\u2019ll quickly recognize how accessibility and usability choices make all the difference for visitors to your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Assistive technology spotlight: Screen reader demo<\/strong><\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Introduction to Screen Readers\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/y0m7VEHoXMI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Visitors using screen readers \u201cscan\u201d pages by skipping to subheadings and links, as demonstrated in the video. The following guidelines help to make WashU sites more accessibility compliant.<\/p>\n\n\n\n<ul>\n<li><strong>Links<\/strong><br><a href=\"https:\/\/digitalaccessibility.wustl.edu\/items\/accessible-links\/\">Make link text unique and descriptive<\/a>. (Just say no to links that say \u201cclick here\u201d or \u201cread more.\u201d)<\/li>\n\n\n\n<li><strong>Subheadings<\/strong><br><a href=\"https:\/\/digitalaccessibility.wustl.edu\/items\/headings-page-structure\/\">Use subheadings generously<\/a>\u00a0to break up content sections. Prioritize clarity over clever, sale-sy headings and\u00a0and use your site\u2019s preset heading styles (h2, h3, h4) in numerical order, so visitors can reliably use subheadings as de facto bookmarks on a page.<\/li>\n\n\n\n<li><strong>Images, including graphics and photos<\/strong><br>Recognize that some visitors to your site will be unable to see images, perhaps because of visual impairment or page-loading issues. With these users in mind, include descriptive\u00a0<a href=\"https:\/\/digitalaccessibility.wustl.edu\/items\/alternative-text\/\">alternative text<\/a>\u00a0for images. Skip the alt text if the image is decorative rather than\u00a0informative\u00a0or if descriptive text would be redundant.<\/li>\n\n\n\n<li><strong>Videos and audio clips<\/strong><br>Include <a href=\"https:\/\/digitalaccessibility.wustl.edu\/items\/video-audio\/\">captions and\/or transcripts<\/a>. This benefits those with hearing impairments, as well as people who aren\u2019t using speakers or headphones.<\/li>\n<\/ul>\n\n\n\n<p><a href=\"https:\/\/digitalaccessibility.wustl.edu\/\">More web accessibility and inclusivity resources are available<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Make your site accessible to people of all abilities, including people who use assistive technologies. Refer to the WashU Digital Accessibility website for accessibility requirements at WashU, guides and tools. This video from the University of Colorado-Boulder demonstrates a Google search and site visit\u00a0using a screen reader, a common tool for people with visual impairments. [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":2163,"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>Accessibility - 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\/accessibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accessibility - Web User Guide\" \/>\n<meta property=\"og:description\" content=\"Make your site accessible to people of all abilities, including people who use assistive technologies. Refer to the WashU Digital Accessibility website for accessibility requirements at WashU, guides and tools. This video from the University of Colorado-Boulder demonstrates a Google search and site visit\u00a0using a screen reader, a common tool for people with visual impairments. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Web User Guide\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-23T16:54:14+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=\"2 minutes\" \/>\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\/accessibility\/\",\"url\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/\",\"name\":\"Accessibility - Web User Guide\",\"isPartOf\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website\"},\"datePublished\":\"2022-05-09T21:40:08+00:00\",\"dateModified\":\"2024-09-23T16:54:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/#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\":\"Accessibility\"}]},{\"@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":"Accessibility - 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\/accessibility\/","og_locale":"en_US","og_type":"article","og_title":"Accessibility - Web User Guide","og_description":"Make your site accessible to people of all abilities, including people who use assistive technologies. Refer to the WashU Digital Accessibility website for accessibility requirements at WashU, guides and tools. This video from the University of Colorado-Boulder demonstrates a Google search and site visit\u00a0using a screen reader, a common tool for people with visual impairments. [&hellip;]","og_url":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/","og_site_name":"Web User Guide","article_modified_time":"2024-09-23T16:54:14+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/","url":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/","name":"Accessibility - Web User Guide","isPartOf":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/#website"},"datePublished":"2022-05-09T21:40:08+00:00","dateModified":"2024-09-23T16:54:14+00:00","breadcrumb":{"@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/web-best-practices-guidelines\/accessibility\/#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":"Accessibility"}]},{"@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\/2157"}],"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=2157"}],"version-history":[{"count":1,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2157\/revisions"}],"predecessor-version":[{"id":2258,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2157\/revisions\/2258"}],"up":[{"embeddable":true,"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/pages\/2163"}],"wp:attachment":[{"href":"https:\/\/digitaldocumentation.wustl.edu\/momentum\/wp-json\/wp\/v2\/media?parent=2157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}