{"id":4933,"date":"2021-06-01T12:47:17","date_gmt":"2021-06-01T18:47:17","guid":{"rendered":"https:\/\/www.boisestate.edu\/webguide\/?p=4933"},"modified":"2026-01-09T13:14:50","modified_gmt":"2026-01-09T20:14:50","slug":"screen-reader-demo-navigating-media","status":"publish","type":"post","link":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/","title":{"rendered":"Screen reader demo: Navigating media"},"content":{"rendered":"\n<p>Media is a great way to share content in an engaging way. You can present images and audio in a way that tells a story, demonstrates a process, or celebrates an achievement. More than other types of content, media requires attention to accessibility requirements from the very beginning. Unlike images or text, media requires more production time and it\u2019s much more challenging to make accessible once it\u2019s published.<\/p>\n\n\n\n<p>You can think of media as a series of moving images. Just like images require alternative text to be accessible, media requires alternatives to be accessible. Unlike static images, media requires alternatives for both the audio and the images. For audio, provide an alternative in the form of captions or transcripts. For images, provide an alternative with audio description or a descriptive transcript.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-common-barriers-with-media\">Common barriers with media<\/h2>\n\n\n\n<p>The most common barriers with media include challenging media players, lack of captions, and lack of descriptions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-challenging-media-players\">1. Challenging media players<\/h3>\n\n\n\n<p>Some media players are more accessible than others. A good practice to help users navigate the player more effectively is to identify your content with headings and descriptions.<\/p>\n\n\n\n<p>A heading can alert non-visual users that a media player is located in that section of the page. A brief description of the video, including any accessibility features or lack thereof, can also provide non-visual users with crucial details about the content. This gives users the chance to skip over the video if it\u2019s not accessible and instead access a different version, like a separate audio described version or descriptive text transcript.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-lack-of-captions\">2. Lack of captions<\/h3>\n\n\n\n<p>When you have dialogue or sounds in your audio track that are critical to understanding the information, they must be included within a caption track.<\/p>\n\n\n\n<p>Captions are a time coded transcript of the dialogue that includes a textual representation of the background noises, sound effects, and speaker identification. May appear at the bottom, top, or side of the screen. Captions can be <strong>open<\/strong> (always present and can not be turned off) or <strong>closed (<\/strong>turned on or off by the viewer).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-example-of-video-with-captions\">Example of video with captions<\/h4>\n\n\n\n<p>In this video, Web Accessibility Perspectives: Video Captions, learn how captions provide greater accessibility for people who are deaf or hard of hearing, may be watching a video in an environment that is too loud or that needs to be quiet, or who prefer reading along as they watch the video.<\/p>\n\n\n\n<p>Video contains captions, but is not audio described. Access a <a href=\"https:\/\/www.w3.org\/WAI\/perspective-videos\/captions\/#transcript\" target=\"_blank\" rel=\"noreferrer noopener\">text transcript with description of visuals for video captions at Web Accessibility Perspectives<\/a>.<\/p>\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\n<div\n    class=\"c-video c-video--lazy c-video--lazy-low-res\"\n    data-js='c-video' data-embed-id='iWO5N3n1DXU' data-embed-provider='YouTube'\n    data-id=\"\"\n>\n    <div class=\"c-video__wrapper\">\n        <figure class=\"c-video__embed\">\n            <a\n                href=\"https:\/\/youtu.be\/iWO5N3n1DXU\"\n                class=\"c-video__trigger\"\n                data-js=\"c-video-trigger\"\n                title=\"Play Video\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                <img decoding=\"async\"\n                    class=\"c-video__image lazyload\"\n                    src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/themes\/core\/img\/theme\/shims\/16x9.png\"\n                    data-src=\"https:\/\/i.ytimg.com\/vi\/iWO5N3n1DXU\/0.jpg\"\n\t\t\t\t\talt=\"\"\n                    role=\"presentation\"\n                \/>\n                <figcaption class=\"c-video__caption\">\n                    <i class=\"c-video__icon icon icon-play\"><\/i>\n                    <span class=\"c-video__trigger-label\">Web Accessibility Perspectives: Video Captions<\/span>\n                <\/figcaption>\n            <\/a>\n        <\/figure>\n    <\/div>\n<\/div>\n\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-lack-of-descriptions\">3. Lack of descriptions<\/h3>\n\n\n\n<p>When your media includes images that are critical to understanding the information, they must be described. One of the best ways to include audio description is to make it a part of your script.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-example-video-with-integrated-audio-description\">Example video with integrated audio description<\/h4>\n\n\n\n<p>In this example video, Low Vision: Challenging assumptions and understanding the differences, the speaker is describing the important content as part of the narration. As a result, the information is also included in the audio track and provided captions.<\/p>\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\n<div\n    class=\"c-video c-video--lazy c-video--lazy-low-res\"\n    data-js='c-video' data-embed-id='JUfmCvdzqbM' data-embed-provider='YouTube'\n    data-id=\"\"\n>\n    <div class=\"c-video__wrapper\">\n        <figure class=\"c-video__embed\">\n            <a\n                href=\"https:\/\/www.youtube.com\/watch?v=JUfmCvdzqbM\"\n                class=\"c-video__trigger\"\n                data-js=\"c-video-trigger\"\n                title=\"Play Video\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                <img decoding=\"async\"\n                    class=\"c-video__image lazyload\"\n                    src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/themes\/core\/img\/theme\/shims\/16x9.png\"\n                    data-src=\"https:\/\/i.ytimg.com\/vi\/JUfmCvdzqbM\/0.jpg\"\n\t\t\t\t\talt=\"\"\n                    role=\"presentation\"\n                \/>\n                <figcaption class=\"c-video__caption\">\n                    <i class=\"c-video__icon icon icon-play\"><\/i>\n                    <span class=\"c-video__trigger-label\">Low vision: Challenging assumptions and understanding differences (from Accessibility course)<\/span>\n                <\/figcaption>\n            <\/a>\n        <\/figure>\n    <\/div>\n<\/div>\n\n<\/div><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-example-video-with-additional-audio-description\">Example video with additional audio description<\/h4>\n\n\n\n<p>In this example video, Web Accessibility Perspectives: Text to Speech, there are additional audio descriptions voiced with a different narrator to describe the action happening in the scene. This is an example of <strong>standard audio description<\/strong>, or additional audio track that describes what is occurring in a video during existing pauses in dialog.<\/p>\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\n<div\n    class=\"c-video c-video--lazy c-video--lazy-low-res\"\n    data-js='c-video' data-embed-id='F3A1VffiOH4' data-embed-provider='YouTube'\n    data-id=\"\"\n>\n    <div class=\"c-video__wrapper\">\n        <figure class=\"c-video__embed\">\n            <a\n                href=\"https:\/\/www.youtube.com\/watch?v=F3A1VffiOH4\"\n                class=\"c-video__trigger\"\n                data-js=\"c-video-trigger\"\n                title=\"Play Video\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                <img decoding=\"async\"\n                    class=\"c-video__image lazyload\"\n                    src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/themes\/core\/img\/theme\/shims\/16x9.png\"\n                    data-src=\"https:\/\/i.ytimg.com\/vi\/F3A1VffiOH4\/0.jpg\"\n\t\t\t\t\talt=\"\"\n                    role=\"presentation\"\n                \/>\n                <figcaption class=\"c-video__caption\">\n                    <i class=\"c-video__icon icon icon-play\"><\/i>\n                    <span class=\"c-video__trigger-label\">Web Accessibility Perspectives: Text to Speech &#8211; Audio Described Version<\/span>\n                <\/figcaption>\n            <\/a>\n        <\/figure>\n    <\/div>\n<\/div>\n\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-examples-of-inaccessible-media\">Examples of inaccessible media<\/h2>\n\n\n\n<p>Here are two examples of inaccessible media. Both examples contain text and audio. The text isn\u2019t described in the audio and there isn\u2019t a transcript provided. We also haven\u2019t labeled the videos with a heading to let users know that a media player is present in the section.<\/p>\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\n<div\n    class=\"c-video c-video--lazy\"\n    data-js='c-video' data-embed-id='ESiBWvXqDag' data-embed-provider='YouTube'\n    data-id=\"\"\n>\n    <div class=\"c-video__wrapper\">\n        <figure class=\"c-video__embed\">\n            <a\n                href=\"https:\/\/youtu.be\/ESiBWvXqDag\"\n                class=\"c-video__trigger\"\n                data-js=\"c-video-trigger\"\n                title=\"Play Video\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                <img decoding=\"async\"\n                    class=\"c-video__image lazyload\"\n                    src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/themes\/core\/img\/theme\/shims\/16x9.png\"\n                    data-src=\"https:\/\/i.ytimg.com\/vi\/ESiBWvXqDag\/maxresdefault.jpg\"\n\t\t\t\t\talt=\"\"\n                    role=\"presentation\"\n                \/>\n                <figcaption class=\"c-video__caption\">\n                    <i class=\"c-video__icon icon icon-play\"><\/i>\n                    <span class=\"c-video__trigger-label\">Spring 2021 Dance Concert<\/span>\n                <\/figcaption>\n            <\/a>\n        <\/figure>\n    <\/div>\n<\/div>\n\n<\/div><\/figure>\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\n<div\n    class=\"c-video c-video--lazy\"\n    data-js='c-video' data-embed-id='2hJblhhVd2s' data-embed-provider='YouTube'\n    data-id=\"\"\n>\n    <div class=\"c-video__wrapper\">\n        <figure class=\"c-video__embed\">\n            <a\n                href=\"https:\/\/youtu.be\/2hJblhhVd2s\"\n                class=\"c-video__trigger\"\n                data-js=\"c-video-trigger\"\n                title=\"Play Video\"\n                target=\"_blank\"\n                rel=\"noopener\"\n            >\n                <img decoding=\"async\"\n                    class=\"c-video__image lazyload\"\n                    src=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/themes\/core\/img\/theme\/shims\/16x9.png\"\n                    data-src=\"https:\/\/i.ytimg.com\/vi\/2hJblhhVd2s\/maxresdefault.jpg\"\n\t\t\t\t\talt=\"\"\n                    role=\"presentation\"\n                \/>\n                <figcaption class=\"c-video__caption\">\n                    <i class=\"c-video__icon icon icon-play\"><\/i>\n                    <span class=\"c-video__trigger-label\">First Forward Fall 2020 Graduates A &#8211; L<\/span>\n                <\/figcaption>\n            <\/a>\n        <\/figure>\n    <\/div>\n<\/div>\n\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-example-of-more-accessible-media\">Example of more accessible media<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-spring-2021-dance-concert\">Spring 2021 dance concert<\/h3>\n\n\n\n<p>For the Spring 2021 Dance Concert video we labeled the video with a heading and the associated accessibility features in the media. Additionally, we provided a text transcript of the content on the same page as the embedded media. The text transcript includes time-stamps of the individual sections. This is helpful if a viewer wants to quickly find a specific segment of the video to watch.<\/p>\n\n\n\n\n\t\t\t<div class=\"panel s-wrapper site-panel site-panel--wysiwyg top-padding--add_padding bottom-padding--add_padding\"\n\t\t\t\t data-index=\"\"\n\t\t\t\t data-js=\"panel\"\n\t\t\t\t data-type=\"wysiwyg\"\n\t\t\t     \n\t\t\t\t data-modular-content>\n\t\n\t<div class=\"panel-wysiwyg--3col option_inline top-padding--add_padding bottom-padding--add_padding\">\n    \n\t\t\t\t\t\t<div class=\"l-content--outer\">\n\t\t\t\t<header class=\"s-header l-content--inner\">\n\n\t\t\t\t\t\n<h2\n\t\tclass=\"site-panel__title s-title h2\"\n\t\t>\n\n\tThree tips to make your next media project more accessible\n\n<\/h2>\n\n\t\t\t\t\t\t\t\t\t\t\t\n<div class=\"site-panel__description s-desc t-content\" >\n\t<p>Here are three tips to help you make your next media project more accessible. You can also access more resources at <a href=\"https:\/\/www.boisestate.edu\/webguide\/accessibility\/web-accessibility-standards\/video-accessibility\/\" target=\"_blank\" rel=\"noopener\">Webguide: Video and Audio Content Accessibility Resources<\/a>, or <a href=\"https:\/\/www.boisestate.edu\/webguide\/accessibility\/web-accessibility-standards\/video-accessibility\/\" target=\"_blank\" rel=\"noopener\">W3C: Making Audio and Video Media Accessible<\/a>.<\/p>\n\n<\/div>\n\n\t\t\t\t\t\n\t\t\t\t<\/header>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t<div class=\"l-container--thin\">\n\t\t\t<div class=\"s-content l-container--inner--no-padding\">\n\t\t\t\t<div class=\"g-row g-row--panel-3col\"\n\t\t\t\t\tdata-depth=\"0\"\n\t\t\t\t\tdata-name=\"columns\"\n\t\t\t\t\tdata-livetext>\n\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"g-col t-content\"\n\t\t\t\t\t\t\tdata-depth=\"1\"\n\t\t\t\t\t\t\tdata-index=\"0\"\n\t\t\t\t\t\t\tdata-name=\"column_content\"\n\t\t\t\t\t\t\tdata-autop=\"true\"\n\t\t\t\t\t\t\tdata-livetext=\"true\">\n\t\t\t\t\t\t\t<h3><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span>1. Describe what you see<\/h3>\n<p>As you are drafting your script, introduce speakers and describe important visuals or text on the screen. Having this information right in the script makes recording the audio for your media project more accessible right from the start and saves you from needing to create a separate video with standard or extended audio description.<\/p>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"g-col t-content\"\n\t\t\t\t\t\t\tdata-depth=\"1\"\n\t\t\t\t\t\t\tdata-index=\"1\"\n\t\t\t\t\t\t\tdata-name=\"column_content\"\n\t\t\t\t\t\t\tdata-autop=\"true\"\n\t\t\t\t\t\t\tdata-livetext=\"true\">\n\t\t\t\t\t\t\t<h3><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span>2. Caption what you hear<\/h3>\n<p>As you are captioning your media, think about all the different sounds present in the audio track. It&#8217;s not only important to provide captions for the words spoken, but also identify who is speaking and if there are relevant sound effects (music, crash off screen, drum beats, rushing water, etc) the user should know about to understand the content.<\/p>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"g-col t-content\"\n\t\t\t\t\t\t\tdata-depth=\"1\"\n\t\t\t\t\t\t\tdata-index=\"2\"\n\t\t\t\t\t\t\tdata-name=\"column_content\"\n\t\t\t\t\t\t\tdata-autop=\"true\"\n\t\t\t\t\t\t\tdata-livetext=\"true\">\n\t\t\t\t\t\t\t<h3><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span>3. Publish with headings and descriptions<\/h3>\n<p>As demonstrated on this page, adding a heading and brief description about what&#8217;s in the media or where to find an accessible alternative can provide crucial context to users and help them navigate the content more successfully.<\/p>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n    \n\t\t\t\t\n\t<\/div>\n\n\t\t\t<\/div>\n\t\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-questions\">Questions?<\/h2>\n\n\n\n<p>If you&#8217;d like to learn more about writing image descriptions, check out the resources available on <a href=\"https:\/\/www.boisestate.edu\/webguide\/accessibility\/accessibility-guides-and-resources\/\">Webguide: Accessibility resources and guides<\/a>. You can also reach out to the OIT Accessibility Team at <a href=\"mailto:OITAccessibility@boisestate.edu\" target=\"_blank\" rel=\"noreferrer noopener\">OITAccessibility@boisestate.edu<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Media is a great way to share content in an engaging way. You can present&#8230;<\/p>\n","protected":false},"author":96,"featured_media":4878,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3162,3169],"tags":[],"class_list":["post-4933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-video-and-audio-content"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Screen reader demo: Navigating media - Webguide<\/title>\n<meta name=\"description\" content=\"Watch a screen reader demonstration showing how users navigate media content and accessible video experiences.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Screen reader demo: Navigating media\" \/>\n<meta property=\"og:description\" content=\"Watch a screen reader demonstration showing how users navigate media content and accessible video experiences.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/\" \/>\n<meta property=\"og:site_name\" content=\"Webguide\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-01T18:47:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-09T20:14:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664-664x630.png\" \/>\n\t<meta property=\"og:image:width\" content=\"664\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carolyn Quintero\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carolyn Quintero\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/\"},\"author\":{\"name\":\"Carolyn Quintero\",\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/person\/bb0496d3f61a71eead98b8c69c913a73\"},\"headline\":\"Screen reader demo: Navigating media\",\"datePublished\":\"2021-06-01T18:47:17+00:00\",\"dateModified\":\"2026-01-09T20:14:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/\"},\"wordCount\":763,\"publisher\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png\",\"articleSection\":[\"Accessibility\",\"Video and Audio Content\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/\",\"url\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/\",\"name\":\"Screen reader demo: Navigating media - Webguide\",\"isPartOf\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png\",\"datePublished\":\"2021-06-01T18:47:17+00:00\",\"dateModified\":\"2026-01-09T20:14:50+00:00\",\"description\":\"Watch a screen reader demonstration showing how users navigate media content and accessible video experiences.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage\",\"url\":\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png\",\"contentUrl\":\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png\",\"width\":664,\"height\":664,\"caption\":\"Graphic Alt Text: Stylized laptop screen with audio icon callout\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#website\",\"url\":\"https:\/\/www.boisestate.edu\/webguide\/\",\"name\":\"Webguide\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.boisestate.edu\/webguide\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#organization\",\"name\":\"Boise State University\",\"url\":\"https:\/\/www.boisestate.edu\/webguide\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2025\/09\/boisestate-primarylogo-2color-rgb-scaled.png\",\"contentUrl\":\"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2025\/09\/boisestate-primarylogo-2color-rgb-scaled.png\",\"width\":2560,\"height\":1142,\"caption\":\"Boise State University\"},\"image\":{\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/person\/bb0496d3f61a71eead98b8c69c913a73\",\"name\":\"Carolyn Quintero\",\"url\":\"https:\/\/www.boisestate.edu\/webguide\/author\/carolynquintero\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Screen reader demo: Navigating media - Webguide","description":"Watch a screen reader demonstration showing how users navigate media content and accessible video experiences.","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:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/","og_locale":"en_US","og_type":"article","og_title":"Screen reader demo: Navigating media","og_description":"Watch a screen reader demonstration showing how users navigate media content and accessible video experiences.","og_url":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/","og_site_name":"Webguide","article_published_time":"2021-06-01T18:47:17+00:00","article_modified_time":"2026-01-09T20:14:50+00:00","og_image":[{"width":664,"height":630,"url":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664-664x630.png","type":"image\/png"}],"author":"Carolyn Quintero","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Carolyn Quintero","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#article","isPartOf":{"@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/"},"author":{"name":"Carolyn Quintero","@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/person\/bb0496d3f61a71eead98b8c69c913a73"},"headline":"Screen reader demo: Navigating media","datePublished":"2021-06-01T18:47:17+00:00","dateModified":"2026-01-09T20:14:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/"},"wordCount":763,"publisher":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#organization"},"image":{"@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage"},"thumbnailUrl":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png","articleSection":["Accessibility","Video and Audio Content"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/","url":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/","name":"Screen reader demo: Navigating media - Webguide","isPartOf":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage"},"image":{"@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage"},"thumbnailUrl":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png","datePublished":"2021-06-01T18:47:17+00:00","dateModified":"2026-01-09T20:14:50+00:00","description":"Watch a screen reader demonstration showing how users navigate media content and accessible video experiences.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.boisestate.edu\/webguide\/2021\/06\/01\/screen-reader-demo-navigating-media\/#primaryimage","url":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png","contentUrl":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png","width":664,"height":664,"caption":"Graphic Alt Text: Stylized laptop screen with audio icon callout"},{"@type":"WebSite","@id":"https:\/\/www.boisestate.edu\/webguide\/#website","url":"https:\/\/www.boisestate.edu\/webguide\/","name":"Webguide","description":"","publisher":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.boisestate.edu\/webguide\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.boisestate.edu\/webguide\/#organization","name":"Boise State University","url":"https:\/\/www.boisestate.edu\/webguide\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/logo\/image\/","url":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2025\/09\/boisestate-primarylogo-2color-rgb-scaled.png","contentUrl":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2025\/09\/boisestate-primarylogo-2color-rgb-scaled.png","width":2560,"height":1142,"caption":"Boise State University"},"image":{"@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.boisestate.edu\/webguide\/#\/schema\/person\/bb0496d3f61a71eead98b8c69c913a73","name":"Carolyn Quintero","url":"https:\/\/www.boisestate.edu\/webguide\/author\/carolynquintero\/"}]}},"featured_image_url":"https:\/\/www.boisestate.edu\/webguide\/wp-content\/uploads\/sites\/16\/2021\/05\/ScreenReader_664.png","author_name":"Carolyn Quintero","cats":["Accessibility","Video and Audio Content"],"featured_caption":"Graphic Alt Text: Stylized laptop screen with audio icon callout","_links":{"self":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/posts\/4933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/users\/96"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/comments?post=4933"}],"version-history":[{"count":21,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/posts\/4933\/revisions"}],"predecessor-version":[{"id":11406,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/posts\/4933\/revisions\/11406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/media\/4878"}],"wp:attachment":[{"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/media?parent=4933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/categories?post=4933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boisestate.edu\/webguide\/wp-json\/wp\/v2\/tags?post=4933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}