{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Making Multimedia Section 508-Compliant and Accessible |Digital.gov",
    "description": "Making Multimedia Section 508-Compliant and Accessible",
    "home_page_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/","feed_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2013/06/26/making-multimedia-section-508-compliant-and-accessible/index.json","item" : [
    {"title" :"Making Multimedia Section 508-Compliant and Accessible","summary" : "If you plan for accessibility when creating and posting media, you can create a rich, interactive community where users can get important government information from your agency’s official website or blog and dialogue with government.","date" : "2013-06-26T14:18:22-04:00","date_modified" : "2024-04-02T09:45:13-04:00","authors" : {"angela-hooker" : "Angela Hooker"},"topics" : {
        
            "accessibility" : "Accessibility",
            "research" : "Research"
            },"branch" : "cm-topics-button-component",
      "filename" :"2013-06-26-making-multimedia-section-508-compliant-and-accessible.md",
      
      "filepath" :"news/2013/06/2013-06-26-making-multimedia-section-508-compliant-and-accessible.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/cm-topics-button-component/content/news/2013/06/2013-06-26-making-multimedia-section-508-compliant-and-accessible.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/cm-topics-button-component/content/news/2013/06/2013-06-26-making-multimedia-section-508-compliant-and-accessible.md","slug" : "making-multimedia-section-508-compliant-and-accessible","url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2013/06/26/making-multimedia-section-508-compliant-and-accessible/","content" :"\u003cp\u003eYou\u0026rsquo;ve seen videos, podcasts, and audio files on your favorite sites—whether they\u0026rsquo;re government, private sector, or entertainment sites. These are often viral media: media clips that are wildly popular, are shared through blogs or email, produce chatter on the web, and increase traffic to websites. Some government agencies are using this phenomenon, by participating in the \u0026ldquo;social web,\u0026rdquo; to further their missions and support the President\u0026rsquo;s mandate for \u003ca href=\"http://www.whitehouse.gov/the_press_office/TransparencyandOpenGovernment/\"\u003egovernment agencies to be transparent and collaborative\u003c/a\u003e with U.S. citizens. However, we also have the challenge of presenting government content in an accessible format. It\u0026rsquo;s no secret that many sites where users post media are not Section 508 conformant (compliant) nor are they accessible. Here are the facts, requirements, and resources for posting media files that your site\u0026rsquo;s visitors can easily access.\u003c/p\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2013/06/250-x-143-disabled-button-goldy-iStock-Thinkstock-494125429.jpg\"\n    alt=\"A disabled symbol on a keyboard button\"/\u003e\u003cp\u003egoldy / iStock / Thinkstock\u003c/p\u003e\u003c/div\u003e\n\n\n\u003ch2 id=\"why-we-need-accessibility\"\u003eWhy We Need Accessibility\u003c/h2\u003e\n\u003cp\u003eImagine, if it isn\u0026rsquo;t an issue for you, that you have severe arthritis and you must use your keyboard instead of your mouse to navigate websites. One day, a friend sends you a link to a must see video on a popular video site, to which you eagerly go … but, because this site wasn\u0026rsquo;t built with accessibility features, you can\u0026rsquo;t use your keyboard to activate the video player\u0026rsquo;s play, pause, rewind, and volume buttons. Suppose you experience frustration because you can\u0026rsquo;t navigate the site with your screen reader; or you have a cognitive disability and need to read the video\u0026rsquo;s transcript to understand its content; or you\u0026rsquo;re deaf or hard of hearing, and there are no captions on the video, so you don\u0026rsquo;t know what\u0026rsquo;s being said in it.\u003c/p\u003e\n\u003cp\u003eThese are only a few examples of what your users will face if your media files lack accessibility. However, if you plan for accessibility when creating and posting media, you can create a rich, interactive community where users can get important government information from your agency\u0026rsquo;s official website or blog and dialogue with government.\u003c/p\u003e\n\u003ch2 id=\"section-508-requirements-that-apply-to-media\"\u003eSection 508 Requirements that Apply to Media\u003c/h2\u003e\n\u003cp\u003eTo make the most accessible products, know what Section 508 requirements apply to your media:\u003c/p\u003e\n\u003ch3 id=\"podcasts-and-other-sound-files\"\u003ePodcasts and other sound files:\u003c/h3\u003e\n\u003cp\u003e\u003ca href=\"http://www.access-board.gov/sec508/guide/1194.22.htm#(a)\"\u003eParagraph A, Section 508 1194.22\u003c/a\u003e says, \u0026ldquo;A text equivalent for every non-text element shall be provided (e.g., via \u0026ldquo;alt,\u0026rdquo; \u0026ldquo;longdesc,\u0026rdquo; or in element content).\u0026rdquo;\u003c/p\u003e\n\u003cp\u003eIf you post podcasts or other audio-only files, such as .mp3 files, on your website, you must include text transcripts of these files. You may provide an HTML page containing the transcript or you may link to a separate text file.\u003c/p\u003e\n\u003cp\u003eIf your podcast has video with it (called a \u0026ldquo;vodcast\u0026rdquo;), the same requirements for video apply; review the \u0026ldquo;Videos and multimedia presentations\u0026rdquo; section below for details.\u003c/p\u003e\n\u003cp\u003eIf you have a background audio track on a web page, it\u0026rsquo;s only necessary to provide a transcript if the track provides content and context to the page. However, it\u0026rsquo;s not recommended to \u0026ldquo;autoplay\u0026rdquo; media (to load and automatically play a media file when a web page loads) since it interrupts assistive technologies (AT). Allow your users to choose if they want to listen to the track and provide an on and off button.\u003c/p\u003e\n\u003cp\u003eA note about text equivalents: If you post videos or a multimedia presentation, only including text transcripts of these files does not fulfill Section 508 requirements; see the section \u0026ldquo;Videos and multimedia presentations\u0026rdquo; for help.\u003c/p\u003e\n\u003ch3 id=\"videos-and-multimedia-presentations\"\u003eVideos and multimedia presentations:\u003c/h3\u003e\n\u003cp\u003eMake sure your video, animation, or other multimedia product does not contain flashing, strobing, or flickering elements within a frequency greater than 2 Hz and lower than 55 Hz, as they can cause some people to experience seizures, dizziness, and nausea. You can test to see if your content falls in these ranges. See the \u003ca href=\"http://trace.wisc.edu/peat\"\u003ePEAT Tool\u003c/a\u003e from the Trace Center and IBM\u0026rsquo;s \u003ca href=\"http://www-03.ibm.com/able/guidelines/software/swblinking.html\"\u003eHuman Ability and Accessibility Center\u0026rsquo;s Developer Guidelines\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eGraphics that contain certain types of optical illusions can also have the same effect on users. Further, this type of flashing and movement can be distracting for some users with cognitive disabilities. For more background, see WebAIM\u0026rsquo;s article on \u003ca href=\"http://www.webaim.org/articles/seizure\"\u003eSeizure Disorders\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eIf you have a media item that contains this type of flashing, strobing, or optical illusions, do not post it. If you find that you\u0026rsquo;re overruled and must post this media, include a warning in your content, and do not automatically play the media or show the graphic when your page loads—allow your users to start and stop the media or click to access the graphic if they want to view it.\u003c/p\u003e\n\u003cp\u003eFor in-depth information on video accessibility, see DigitalGov.gov\u0026rsquo;s article: \u003ca href=\"https://digital.gov/2013/11/21/create-section-508-compliant-videos-on-your-government-websites/\"\u003eCreate Section 508-Compliant Videos on Your Government Websites\u003c/a\u003e.\u003c/p\u003e\n\u003ch3 id=\"software-to-play-videos-audio-and-multimedia\"\u003eSoftware to play videos, audio, and multimedia:\u003c/h3\u003e\n\u003cp\u003e\u003ca href=\"http://www.access-board.gov/sec508/guide/1194.22.htm#(m)\"\u003eParagraph M, Section 508 1194.22\u003c/a\u003e states, \u0026ldquo;When a web page requires that an applet, plug-in, or other application be present on the client system to interpret page content, the page must provide a link to a plug-in or applet that complies with 1194.21(a) through (l).\u0026rdquo;\u003c/p\u003e\n\u003cp\u003eModern web browsers inform users when a missing plug-in is needed to access special content on a web page; however, with the many new devices and \u0026ldquo;user agents\u0026rdquo; available, it\u0026rsquo;s still best to provide a link to the required software (such as QuickTime, Flash, Real, etc.) on the page where your media is located.\u003c/p\u003e\n\u003cp\u003eThe software to which you link must also fulfill Section 508 requirements for software as outlined in Section 508 1194.21, \u003ca href=\"http://www.access-board.gov/sec508/guide/1194.21.htm\"\u003eSoftware Applications and Operating Systems\u003c/a\u003e. Briefly, the requirements from this section are that the software must:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eBe navigable using a keyboard;\u003c/li\u003e\n\u003cli\u003eNot interfere with accessibility features of other software or the operating system;\u003c/li\u003e\n\u003cli\u003eProvide an on-screen indication of the current focus (the currently selected place of action);\u003c/li\u003e\n\u003cli\u003eProvide information about the roles, states, and operation of each interface element to assistive technology;\u003c/li\u003e\n\u003cli\u003eUse meanings consistently for any images that identify the software\u0026rsquo;s controls, status, or program elements;\u003c/li\u003e\n\u003cli\u003eUse the operating system to display text and contextual information;\u003c/li\u003e\n\u003cli\u003eNot override any user defined display settings in the operating system;\u003c/li\u003e\n\u003cli\u003eGive users the choice of turning off animations and displaying information from the animations in other method;\u003c/li\u003e\n\u003cli\u003eNot rely only on color to prompt users, or provide information or context;\u003c/li\u003e\n\u003cli\u003eProvide a wide variety of color and contrast settings (only if the application allows users to adjust color and contrast);\u003c/li\u003e\n\u003cli\u003eNot cause blinking or flashing at a rate greater than 2 Hz and lower than 55 Hz; and,\u003c/li\u003e\n\u003cli\u003eEnsure that users of AT are able to fully use and navigate through electronic forms, and provide any necessary cues and directions to the AT.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eFor in-depth information on these requirements, see the \u003ca href=\"http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/guide-to-the-section-508-standards/software-applications-and-operating-systems-1194-21\"\u003eU.S. Access Board\u0026rsquo;s guide on 1194.21\u003c/a\u003e.\u003c/p\u003e\n\u003cp\u003eIf you\u0026rsquo;ve developed a custom player for your media, the same requirements apply—it must meet the requirements in \u003ca href=\"http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/guide-to-the-section-508-standards/software-applications-and-operating-systems-1194-21\"\u003e1194.21\u003c/a\u003e. When your custom player is developed, be sure to use commonly used terms for the player\u0026rsquo;s control buttons (for example, play, stop, rewind, pause, volume, mute, captions on, captions off, etc.). Because these terms are read to users of screen readers and refreshable Braille displays, be sure to ask your developer or vendor to add labels to the player\u0026rsquo;s controls.\u003c/p\u003e\n\u003ch3 id=\"comparable-access\"\u003eComparable access:\u003c/h3\u003e\n\u003cp\u003eSection 508\u0026rsquo;s \u003ca href=\"http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/section-508-standards#subpart_c\"\u003eFunctional Performance Criteria\u003c/a\u003e, (1194.31), is one of the most overlooked when it comes to new media projects. To gain a clearer understanding of when the functional performance criteria applies, see \u003ca href=\"http://www.census.gov/procur/www/508-faq.html\"\u003eSection508 Acquisition FAQs about comparable access\u003c/a\u003e, section B.2. Briefly, your product must provide comparable access:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eTo people who are blind or have low vision, and/or be usable with assistive technologies for visual impairments;\u003c/li\u003e\n\u003cli\u003eTo people who are deaf or hard of hearing, and/or be usable with assistive technologies for hearing impairments;\u003c/li\u003e\n\u003cli\u003eSo people with motor disabilities can obtain and use your product; and,\u003c/li\u003e\n\u003cli\u003eSo people can use your product without relying on speech.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"posting-on-non-government-sites\"\u003ePosting on non-government sites:\u003c/h3\u003e\n\u003cp\u003eMany agencies are seeking a definitive answer on whether they would violate Section 508 guidelines by posting multimedia content on non-government sites that are inaccessible. For clarification, \u003ca href=\"http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/section-508-standards#subpart_a\"\u003eSection 508, 1194.1, Purpose\u003c/a\u003e states, \u0026ldquo;The purpose of this part is to implement section 508 of the Rehabilitation Act of 1973, as amended (29 U.S.C. 794d). Section 508 requires that when Federal agencies \u003cem\u003edevelop, procure, maintain, or use electronic and information technology\u003c/em\u003e, Federal employees with disabilities have access to and use of information and data that is comparable to the access and use by Federal employees who are not individuals with disabilities, unless an undue burden would be imposed on the agency. Section 508 also requires that individuals with disabilities, who are members of the public seeking information or services from a Federal agency, have access to and use of information and data that is comparable to that provided to the public who are not individuals with disabilities, unless an undue burden would be imposed on the agency,\u0026rdquo; (emphasis added).\u003c/p\u003e\n\u003cp\u003eFurther, \u003ca href=\"http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-section-508-standards/section-508-standards#subpart_a\"\u003eSection 508, 1194.2, Application\u003c/a\u003e also says, \u0026ldquo;Products covered by this part shall comply with all applicable provisions of this part. When \u003cem\u003edeveloping\u003c/em\u003e, \u003cem\u003eprocuring\u003c/em\u003e, \u003cem\u003emaintaining\u003c/em\u003e, or \u003cem\u003eusing\u003c/em\u003e electronic and information technology, \u003cem\u003eeach agency shall ensure that the products comply with the applicable provisions of this part\u003c/em\u003e, unless an undue burden would be imposed on the agency,\u0026rdquo; (emphasis added).\u003c/p\u003e\n\u003cp\u003eThis stipulates that agencies should ensure Section 508 compliance whether content is on an agency or public site, and it includes software, sites, and services that are free of charge.\u003c/p\u003e\n\u003cp\u003eHowever, there are many social networking sites that the public uses, and while those sites may not be accessible, agencies may want to use them to provide information and engage with the public. Many federal employees use a practical approach to providing accessible content, by posting videos and presentations on these sites and also posting the same content, in an accessible manner, on their own agency sites.\u003c/p\u003e\n\u003ch2 id=\"tips-for-implementing\"\u003eTips for Implementing\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003eWhen planning your multimedia project, include development time for adding accessibility features and testing.\u003c/li\u003e\n\u003cli\u003eIf your videos will be produced by a vendor, stipulate in your contract that captions and transcripts be included if you don\u0026rsquo;t have the in-house resources to produce them.\u003c/li\u003e\n\u003cli\u003eFor your users\u0026rsquo; convenience, post transcripts (in HTML or a separate text file) of your media on your website. Including a transcript with your video and audio products will be beneficial to your users with cognitive disabilities, who may find a transcript aids in comprehension; to users with low-English/language proficiency, as they may struggle with unfamiliar words; and to non-technical users, if the video contains jargon. The bonus is that it will also help with site indexing and search engine optimization.\u003c/li\u003e\n\u003cli\u003eInstead of embedding media on your page, provide a link to a standalone media player. This provides increased accessibility.\u003c/li\u003e\n\u003cli\u003eRather than setting videos and other multimedia with sound to start playing when your web page loads, allow your users to start the media. Otherwise, the sound will interfere with content read by screen readers and refreshable Braille displays.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"key-areas-to-test-for-accessibility\"\u003eKey Areas to Test for Accessibility\u003c/h2\u003e\n\u003cp\u003eThis isn\u0026rsquo;t a comprehensive list, but these are important items you\u0026rsquo;ll need to check in addition to your general accessibility testing.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eUse your keyboard to navigate through the multimedia player: Use the tab, enter, and spacebar keys to start, stop, fast forward, rewind, turn on/off captions, maximize/minimize the window, and raise/lower the volume, in addition to any other controls your player uses. When testing with the tab key, be sure the tabbing order makes sense.\u003c/li\u003e\n\u003cli\u003eUse a screen reader to review your pages, media player\u0026rsquo;s controls, etc.: Check all of the items you reviewed with your keyboard, plus listen to any directions and cues; make sure there\u0026rsquo;s nothing like \u0026ldquo;1 button; 2 button\u0026rdquo; (make sure the buttons are \u0026ldquo;labeled\u0026rdquo; with commonly used terms); listen to the entire page/window: listen to the links as list (out of their written context, to make sure they make sense), open lists of graphics and headings; listen to any synchronized audio description tracks); turn off your monitor while you listen to the screen reader and compare it to a script of the exact content that should be heard from the screen reader.\u003c/li\u003e\n\u003cli\u003eMake sure your transcripts read exactly as the audio from your media; check the transcripts for proper punctuation; and, if the person speaking uses any acronyms, define them.\u003c/li\u003e\n\u003cli\u003eWatch your video to confirm that the captions are visually clear and not \u0026ldquo;pixelated,\u0026rdquo; especially if you\u0026rsquo;ve used open captions; review the captions for spelling, proper grammar, and punctuation.\u003c/li\u003e\n\u003cli\u003eAsk people with different disabilities to test your media project. Their results in using your media may be different from yours.\u003c/li\u003e\n\u003cli\u003eDocument your testing with screen shots, reports from testing tools, etc.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"examples\"\u003eExamples\u003c/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\u003ca href=\"http://media.csusb.edu/video/chga/accessible_all.html\"\u003eCal State San Bernardino\u003c/a\u003e has videos that are accessible by keyboard and feature closed captions.\u003c/li\u003e\n\u003cli\u003eNASA has an extensive, \u003ca href=\"http://www.nasa.gov/multimedia/podcasting/twan_podcast_features.html\"\u003eaccessible podcast library\u003c/a\u003e and is an excellent business model for podcasting.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://teachertube.com/\"\u003eTeacherTube\u003c/a\u003e has a video player interface that is fully navigable by keyboard.\u003c/li\u003e\n\u003cli\u003eThe \u003ca href=\"http://www.washington.edu/doit/Video/\"\u003eUniversity of Washington offers videos\u003c/a\u003e in QuickTime, Windows Media, and Flash formats. They also provide transcripts of their videos.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch2 id=\"resources\"\u003eResources\u003c/h2\u003e\n\u003cp\u003e\u003cstrong\u003eGeneral Information:\u003c/strong\u003e\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003ePeter Batchelor and Jonathan O\u0026rsquo;Donnell share guidelines for \u003ca href=\"http://jod.id.au/tutorial/accessible-podcast.html\"\u003eaccessible podcasts\u003c/a\u003e and other podcasting resources.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://www.punkchip.com/2009/04/autoplay-is-bad-for-all-users\"\u003eAutoplay is Bad for All Users\u003c/a\u003e outlines reasons why media shouldn\u0026rsquo;t play immediately upon loading in a web page.\u003c/li\u003e\n\u003cli\u003e456 Berea Street has \u003ca href=\"http://www.456bereastreet.com/archive/200903/screen_reader_testing/\"\u003equick tips for testing with a screen reader\u003c/a\u003e. Also see Marco Zehe\u0026rsquo;s blog entry on \u003ca href=\"http://www.marcozehe.de/articles/how-to-use-nvda-and-firefox-to-test-your-web-pages-for-accessibility/\"\u003etesting with NDVA and Firefox\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003eJuicy Studios has a helpful article on understanding \u003ca href=\"http://juicystudio.com/article/photosensitive-epilepsy.php\"\u003ephotosensitive epilepsy and flickering\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://www.assistiveware.com/videos.php\"\u003eAssistiveWare\u003c/a\u003e has videos that illustrate the importance of accessibility.\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch3 id=\"developers-resources\"\u003eDevelopers\u0026rsquo; Resources:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eSee Terrill Thompson\u0026rsquo;s blog post, \u003ca href=\"http://terrillthompson.com/blog/366\"\u003eComparison of Browsers on HTML5 Video Accessibility\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://www.viget.com/inspire/6-things-to-know-about-video-for-the-web/\"\u003eSix Things to Know About Video for the Web\u003c/a\u003e has valuable general information for planning your video strategy.\u003c/li\u003e\n\u003cli\u003eIf you\u0026rsquo;re using a Flash-based player, review \u003ca href=\"http://www.paciellogroup.com/blog/?p=185\"\u003eFlash and WCAG 2.0\u003c/a\u003e (available in several formats), from the Paciello Group. While WCAG 2.0 (Web Content Accessibility Guidelines) guidelines are somewhat different from Section 508, it provides increased accessibility. Note that the \u003ca href=\"http://www.access-board.gov/guidelines-and-standards/communications-a-it/about-the-ict-refresh/draft-rule-2011/508-chapter-2-scoping-requirements#five\"\u003eSection 508 guidelines currently under review were written to harmonize with WCAG 2.0\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003eThe Flash player has bugs that affect its accessibility in browsers except Internet Explorer. See \u003ca href=\"http://www.w3.org/TR/WCAG20-TECHS/FLASH17.html\"\u003eProviding Keyboard Access to a Flash Object and Avoiding a Keyboard Trap\u003c/a\u003e, from the W3C-WAI\u0026rsquo;s WCAG 2.0 guidelines.\u003c/li\u003e\n\u003cli\u003eJim Thatcher\u0026rsquo;s \u0026ldquo;Requirement for Captioning\u0026rdquo; section of his \u003ca href=\"http://www.jimthatcher.com/webcourse6.htm\"\u003eAudio and Multimedia\u003c/a\u003e tutorial explains the different types of markup language for captions.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://ncdae.org/resources/articles/captioning.php\"\u003eThe National Center on Disability and Access to Education\u003c/a\u003e (NCDAE) has extensive information to help you plan your captioning strategy.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"http://ncam.wgbh.org/invent_build/web_multimedia/tools-guidelines/magpie\"\u003eMAGpie is a free captioning tool\u003c/a\u003e that\u0026rsquo;s available from the National Center on Accessible Media. See WebAIM\u0026rsquo;s guide on \u003ca href=\"http://www.webaim.org/techniques/captions/magpie/version2/\"\u003eCaptioning with MAGpie\u003c/a\u003e for help.\u003c/li\u003e\n\u003c/ul\u003e\n"}
  ]
}