Section 508 and NASA Presentation to GSFC Webmasters November ...

Section 508 and NASA Presentation to GSFC Webmasters November ...

Section 508 and NASA Session 3: Web-based Intranet and Internet Information and Applications Presentation to Ames Research Center November 2011 Antonio HaileSelassie What Is Section 508? In 1998, Congress amended the Rehabilitation Act of 1973 to include Section 508, which provides people with disabilities opportunities to gain meaningful employment with the Federal government and to reflect the focus on technology.

NASA Section 508 Policy NPR 2800.2 2 Web Standards Web-based Intranet and Internet Information and Applications (1194.22) Web pages (HTML) Electronic Documents Social Networking Multimedia File Sharing Web 2.0, AJAX, etc. 3 Non-Text Elements

(a) A text equivalent for every non-text element shall be provided (e.g., via "alt", "longdesc", or in element content). Every image, Java applet, Flash file, video file, audio file, plug-in, etc. has an alternate description, transcript, or other textual equivalent. Complex graphics (graphs, charts, etc.) are accompanied by detailed text descriptions. The alternate descriptions succinctly describe the purpose of the objects, without being too verbose (for simple objects) or too vague (for complex objects). Alt descriptions for images used as links are descriptive of the link destination. Decorative graphics with no other function have empty alt descriptions (alt= ""), but they never have missing alt descriptions. 4

FAQ: Non-Text Elements How much information actually needs to be in the text equivalent? The text information associated with a non-text element should, when possible, communicate the same information as its associated element. For example, when an image indicates an action, the action must be described in the text. The types of non-text elements requiring actual text descriptions are limited to those elements that provide information required for comprehension of content or those used to facilitate navigation. Web page authors often utilize transparent graphics for spacing. Adding a text description to these elements will produce unnecessary clutter for users of screen readers. For such graphics, an empty ALT attribute is useful. 5

Multimedia on the Web (b) Equivalent alternatives for any multimedia presentation shall be synchronized with the presentation. Multimedia files have synchronized captions. Captioning for the audio portion and audio description of visual information of multimedia presentations are considered equivalent alternatives. 6 FAQ: Multimedia on the Web If a Federal agency official delivers a live audio and video webcast speech, does it need to be captioned? Yes, this would qualify as a multimedia presentation and would require the speech to be captioned.

If a website offers audio files with no video, do they have to be captioned? No, because it is not multimedia. However, since audio is a nontext element, a text equivalent, such as a transcript, must be available. Similarly, a (silent) web slide show presentation does not need to have an audio description accompanying it, but does require text alternatives to be associated with the graphics. 7 FAQ: Multimedia on the Web Does video with a countdown, background noise or conversation, or other non-essential audio need to be captioned? Captioning and audio descriptions are only required to be provided when important to understand the audio or visual components of a video or multimedia production. That is, even if a production "supports the agencys

mission," only those audio portions that are necessary for the comprehension of the productions content need to be captioned. Ex: A videotaped lecture would need to capture the lecturers words in captions if it is intended to be used for future training, but the captions need not also relate that students chairs were squeaking or that the door at the back of the room was closing loudly as people exited. Similarly, only those visual portions that are necessary for the comprehension of the productions content need to be audio described. Ex: A videotaped lecture would need to include an audio description of graphics the lecturer draws on a chalkboard to illustrate a point, but would not need to include an audio description of the strictly verbal or "talking heads" portion of the lecture. 8 Color (c) Web pages shall be designed so that all information conveyed with color is also available without color, for

example from context or markup. If color is used to convey important information, an alternative indicator is used, such as an asterisk (*) or other symbol. Textual alternatives exist. Contrast is appropriate. 9 Readability (d) Documents shall be organized so they are readable without requiring an associated style sheet. Style sheets may be used for color, indentation and other presentation effects, but the document is still understandable (even if less visually appealing) when the style sheet is turned off. Non-HTML web-based documents (i.e. .pdf, .doc, etc.) are presented in an organized readable format.

10 Image Maps (e) Redundant text links shall be provided for each active region of a server-side image map. Separate text links are provided outside of the serverside image map to access the same content that the image map hot spots access. (f) Client-side image maps shall be provided instead of server-side image maps except where the regions cannot be defined with an available geometric shape.

Standard HTML client-side image maps are used, and appropriate alt text is provided for the image as well as the hot spots 11 Data Tables (g) Row and column headers shall be identified for data tables. Data tables have the column and row headers appropriately identified (using the

tag) Tables used strictly for layout purposes do NOT have header rows or columns.

(h) Markup shall be used to associate data cells and header cells for data tables that have two or more logical levels of row or column headers. Table cells are associated with the appropriate headers (e.g. with the id, headers, scope and/or axis HTML attributes). 12 Frames and Flicker (i) Frames shall be titled with text that facilitates frame identification and navigation. Each frame is given a title that helps the user understand the

frame's purpose Each page is titled using tags. (j) Pages shall be designed to avoid causing the screen to flicker with a frequency greater than 2 Hz and lower than 55 Hz. No elements on the page flicker at a rate of 2 to 55 cycles per second, thus reducing the risk of optically-induced seizures. 13 Text-Only Alternative (k) A text-only page, with equivalent information or functionality, shall be provided to make a web site comply with the provisions of this part, when <!--page-separator--></p> <p>compliance cannot be accomplished in any other way. The content of the text-only page shall be updated whenever the primary page changes. A text-only version is created only when there is no other way to make the content accessible, or when it offers significant advantages over the "main" version for certain disability types. The text-only version is up-to-date with the "main" version. The text-only version provides the functionality equivalent to that of the "main" version. An alternative is provided for components (e.g. plug-ins, scripts) that are not directly accessible. <!--page-separator--></p> <p>14 Scripting (l) When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology. Information within the scripts is text-based, or a text alternative is provided within the script itself, in accordance with (a) in these standards. All scripts (e.g. JavaScript pop-up menus, form elements) are <!--page-separator--></p> <p>either directly accessible to assistive technologies (keyboard accessibility is a good measure of this), or an alternative method of accessing equivalent functionality is provided (e.g. a standard HTML link). AJAX, scripted CSS changes, scripted server calls, etc do not prevent access. 15 FAQ: Scripting Does my webpage need to work with JavaScript disabled and where did that silly notion come from? No. Section 508 does not require web pages to work with <!--page-separator--></p> <p>JavaScript disabled. But, pages using scripting must allow access to all textual information by Assistive Technology. One of the best ways to determine scripting accessibility is keyboard accessibility. And, the first version of the World Wide Web Consortiums (W3C) Web Accessibility Guidelines included a provision that required pages to work with scripting disabled, but Section 508 never required this and it has since been deprecated from the updated W3C guidelines. 16 Applets/Plug-ins (m) 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) <!--page-separator--></p> </div> <div class="col-md-4" style="overflow: hidden;"> <p>through (l). A link is provided to a disability-accessible page where the plug-in can be downloaded. All Java applets, scripts and plug-ins (including Acrobat PDF files and PowerPoint files, etc.) and the content within them are accessible to assistive technologies, or else an alternative means of accessing equivalent content is provided. 17 Electronic Forms (n) When electronic forms are designed to be completed on-line, the form shall allow people using <!--page-separator--></p> <p>assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues. All form controls have text labels adjacent to them. Form elements have labels associated with them in the markup (i.e. the id and for, HTML elements). Dynamic HTML scripting of the form does not interfere with assistive technologies 18 FAQ: Electronic Forms <!--page-separator--></p> <p>How can developers provide accessible HTML forms? The first rule of thumb is to place labels adjacent to input fields, not in separate cells of a table, for example. For the web developer who does not wish to place form elements immediately adjacent to their corresponding titles, the HTML 4.0 specification includes the <LABEL> tag that lets web developers mark specific elements as "labels" and then associate a form element with that label. There are generally two ways to use the label tag: explicit labels and implicit labels. 19 Skip Nav and Timed Response (o) A method shall be provided that permits users to skip repetitive navigation links. <!--page-separator--></p> <p>A link is provided to skip over lists of navigational menus or other lengthy lists of links. (p) When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required. The user is alerted that a timed response is required The user is provided a means to extended the time if needed. Includes security timeouts 20 Demonstration: Quick Review <!--page-separator--></p> <p>Of Websites for Compliance Tools Needed: WebAims WAVE Toolbar for Firefox Firebug for Firefox 21 Resources General and NASA-specific information and resources: http://www.section508.nasa.gov NASA virtual Section 508 help desk section508help@nasa.gov <!--page-separator--></p> <p> Available to NASA employees and contractors GSA site:www.section508.gov Access Board : http://www.access-board.gov/508.htm YouTube captioning tutorial: http://www.google.com/support/youtube/bin/answer.py? answer=100077 Firebug for Firefox: http://getfirebug.com/ Wave Toolbar for Firefox: http://wave.webaim.org/toolbar 22 Questions? 23 </p> </div> </div> </div> </section> <section class="main-section"> <div class="container"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- Responsive --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3757518916489959" data-ad-slot="1838143700" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </section> <section class="main-section"> <div class="container"> <div class="document-others"> <h2 class="section-title text-center">Related Presentations</h2> <div class="row"> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/01-csupcedu-vg0w0v" title="01 - cs.upc.edu"> <img src="https://cdn.slideread.com/thumbnail/01-csupcedu-vg0w0v-thumb.jpg" alt="01 - cs.upc.edu" title="01 - cs.upc.edu" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/01-csupcedu-vg0w0v" title="01 - cs.upc.edu">01 - cs.upc.edu</a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/oxygen-carbon-dioxide-breathing-and-hypoxia-ouzuuh" title="Oxygen, carbon dioxide, breathing and hypoxia"> <img src="https://cdn.slideread.com/thumbnail/oxygen-carbon-dioxide-breathing-and-hypoxia-ouzuuh-thumb.jpg" alt="Oxygen, carbon dioxide, breathing and hypoxia" title="Oxygen, carbon dioxide, breathing and hypoxia" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/oxygen-carbon-dioxide-breathing-and-hypoxia-ouzuuh" title="Oxygen, carbon dioxide, breathing and hypoxia">Oxygen, carbon dioxide, breathing and hypoxia</a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/getting-the-most-out-of-the-adp-website-pcvifh" title="Getting the Most Out of the ADP Website"> <img src="https://cdn.slideread.com/thumbnail/getting-the-most-out-of-the-adp-website-pcvifh-thumb.jpg" alt="Getting the Most Out of the ADP Website" title="Getting the Most Out of the ADP Website" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/getting-the-most-out-of-the-adp-website-pcvifh" title="Getting the Most Out of the ADP Website">Getting the Most Out of the ADP Website</a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/short-term-causes-of-wwi-5zgrnl" title="Short-Term Causes of WWI"> <img src="https://cdn.slideread.com/cover/short-term-causes-of-wwi-5zgrnl.jpg" alt="Short-Term Causes of WWI" title="Short-Term Causes of WWI" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/short-term-causes-of-wwi-5zgrnl" title="Short-Term Causes of WWI">Short-Term Causes of WWI</a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/nist-big-data-working-group-w5ggac" title="NIST Big Data Working Group"> <img src="https://cdn.slideread.com/cover/nist-big-data-working-group-w5ggac.jpg" alt="NIST Big Data Working Group" title="NIST Big Data Working Group" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/nist-big-data-working-group-w5ggac" title="NIST Big Data Working Group">NIST Big Data Working Group</a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/the-book-of-matthew-brigham-young-university-idaho-f1orfm" title="The Book of Matthew - Brigham Young University-Idaho"> <img src="https://cdn.slideread.com/thumbnail/the-book-of-matthew-brigham-young-university-idaho-f1orfm-thumb.jpg" alt="The Book of Matthew - Brigham Young University-Idaho" title="The Book of Matthew - Brigham Young University-Idaho" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/the-book-of-matthew-brigham-young-university-idaho-f1orfm" title="The Book of Matthew - Brigham Young University-Idaho">The Book of Matthew - Brigham Young University-Ida...</a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/theme-and-main-idea-ms-rhodehousex27s-one-stop-english-spot-kfau0k" title="Theme and Main Idea - Ms. Rhodehouse&#x27;s One-Stop English Spot"> <img src="https://cdn.slideread.com/thumbnail/theme-and-main-idea-ms-rhodehousex27s-one-stop-english-spot-kfau0k-thumb.jpg" alt="Theme and Main Idea - Ms. Rhodehouse&#x27;s One-Stop English Spot" title="Theme and Main Idea - Ms. Rhodehouse&#x27;s One-Stop English Spot" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/theme-and-main-idea-ms-rhodehousex27s-one-stop-english-spot-kfau0k" title="Theme and Main Idea - Ms. Rhodehouse&#x27;s One-Stop English Spot">Theme and Main Idea - Ms. Rhodehouse's One-St...</a> </div> </div> </div> <div class="col-lg-3 col-md-4 col-6 grid-margin stretch-card mb-4"> <div class="card"> <div class="card-body"> <a href="http://www.slideread.com/slide/slide-1-aesrgp" title="The Water Cycle The Water Cycle THE SUN"> <img src="https://cdn.slideread.com/thumbnail/slide-1-aesrgp-thumb.jpg" alt="The Water Cycle The Water Cycle THE SUN" title="The Water Cycle The Water Cycle THE SUN" class="img-fluid"> </a> </div> <div class="card-footer text-center"> <a class="mt-auto my-1" href="http://www.slideread.com/slide/slide-1-aesrgp" title="The Water Cycle The Water Cycle THE SUN">The Water Cycle The Water Cycle THE SUN</a> </div> </div> </div> </div> </div> </div> </section> <section class="main-section"> <div class="container"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- Responsive --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3757518916489959" data-ad-slot="1838143700" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </section> <section class="main-section"> <div class="container"> <div class="document-others"> <h2 class="section-title text-center">Recently Viewed Presentations</h2> <div class="row justify-content-center"> <div class="col-lg-8"> <ul class="list-unstyled"> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/research-paper-guidelines-mr-craigx27s-classes-pobwop" title="Research Paper Guidelines! - Mr. Craig&#x27;s Classes"> <img src="https://cdn.slideread.com/thumbnail/research-paper-guidelines-mr-craigx27s-classes-pobwop-thumb.jpg" alt="Research Paper Guidelines! - Mr. Craig&#x27;s Classes" title="Research Paper Guidelines! - Mr. Craig&#x27;s Classes" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/research-paper-guidelines-mr-craigx27s-classes-pobwop" title="Research Paper Guidelines! - Mr. Craig&#x27;s Classes"> Research Paper Guidelines! - Mr. Craig's Classes </a> </p> Research Paper Guidelines! All you ever need to know and never knew it. Contributors: Daniel S. Craig, Carol A. Fishbone, Tara L. Jones </div> </li> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/title-of-talk-ruy7g0" title="Title of Talk"> <img src="https://cdn.slideread.com/thumbnail/title-of-talk-ruy7g0-thumb.jpg" alt="Title of Talk" title="Title of Talk" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/title-of-talk-ruy7g0" title="Title of Talk"> Title of Talk </a> </p> Interpretation depends on the experience and skill of an expert, takes into account correlations between peaks. Psychogram Psychometric data 1600 cases for woman, same number for men. 27 classes: norm, psychopathic, schizophrenia, paranoia, neurosis, mania, simulation, alcoholism, drug addiction, criminal... </div> </li> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/the-anglo-saxon-period-qqff6v" title="The Anglo-Saxon Period"> <img src="https://cdn.slideread.com/thumbnail/the-anglo-saxon-period-qqff6v-thumb.jpg" alt="The Anglo-Saxon Period" title="The Anglo-Saxon Period" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/the-anglo-saxon-period-qqff6v" title="The Anglo-Saxon Period"> The Anglo-Saxon Period </a> </p> The Anglo-Saxon Chronicles. Tells the story of the history of England from the beginning in 1 A.D. It was ordered to be compiled by King Alfred the Great in 890 A.D. and was written by scholars in monasteries and continuously... </div> </li> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/words-ingilizcecincom-lj0bcp" title="WORDS - ingilizcecin.com"> <img src="https://cdn.slideread.com/thumbnail/words-ingilizcecincom-lj0bcp-thumb.jpg" alt="WORDS - ingilizcecin.com" title="WORDS - ingilizcecin.com" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/words-ingilizcecincom-lj0bcp" title="WORDS - ingilizcecin.com"> WORDS - ingilizcecin.com </a> </p> Author: ye Created Date: 09/19/2018 08:20:21 Title: WORDS Last modified by: ye Company: Toshiba </div> </li> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/effective-utilization-of-the-sif-for-teap-specialists-l3ftn1" title="Effective Utilization of the SIF for TEAP Specialists"> <img src="https://cdn.slideread.com/cover/effective-utilization-of-the-sif-for-teap-specialists-l3ftn1.jpg" alt="Effective Utilization of the SIF for TEAP Specialists" title="Effective Utilization of the SIF for TEAP Specialists" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/effective-utilization-of-the-sif-for-teap-specialists-l3ftn1" title="Effective Utilization of the SIF for TEAP Specialists"> Effective Utilization of the SIF for TEAP Specialists </a> </p> Encourage other levels of involvement, such as recreation Revisit Learning Objectives Describe the concept of a risk assessment and the rational for including a standardized risk assessment instrument (CRAFFT) within the SIF. </div> </li> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/lecture-2-access-control-computer-action-team-xvxfzt" title="Lecture 2: Access Control - Computer Action Team"> <img src="https://cdn.slideread.com/thumbnail/lecture-2-access-control-computer-action-team-xvxfzt-thumb.jpg" alt="Lecture 2: Access Control - Computer Action Team" title="Lecture 2: Access Control - Computer Action Team" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/lecture-2-access-control-computer-action-team-xvxfzt" title="Lecture 2: Access Control - Computer Action Team"> Lecture 2: Access Control - Computer Action Team </a> </p> James Hook Objectives: Review/Discuss Analysis of Diebold machine Introduce Access Control Discussion Feldman, Halderman, and Felten, Security Analysis of the Diebold AccuVote-TS Voting Machine, September 2006 Reaction to the paper? Discussion Questions What was the basic architecture of the voting... </div> </li> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/diapositive-1-0xwfyr" title="Diapositive 1"> <img src="https://cdn.slideread.com/thumbnail/diapositive-1-0xwfyr-thumb.jpg" alt="Diapositive 1" title="Diapositive 1" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/diapositive-1-0xwfyr" title="Diapositive 1"> Diapositive 1 </a> </p> For a better understanding of the mechanisms of the browning of apple fillings, it would be appropriate to analyze the presence of o-quinones. These molecules are truly the cornerstone of enzymatic browning. The texture of apples also degrades through some... </div> </li> <li class="media mb-4"> <a class="my-1 d-none d-sm-block" href="http://www.slideread.com/slide/forces-st-lawrence-university-kj91ur" title="Forces - St. Lawrence University"> <img src="https://cdn.slideread.com/thumbnail/forces-st-lawrence-university-kj91ur-thumb.jpg" alt="Forces - St. Lawrence University" title="Forces - St. Lawrence University" class="d-flex mr-3 cover-small"> </a> <div class="media-body"> <p class="mt-0 mb-1 font-weight-bold"> <a href="http://www.slideread.com/slide/forces-st-lawrence-university-kj91ur" title="Forces - St. Lawrence University"> Forces - St. Lawrence University </a> </p> Waves add crest to trough (destructive dark spots) incoming waves. incoming particles. Particles pile up under each slit. Sequence of bright and dark spots. Two bright spots. Light Acts As A Particle. Light pushes dust out of the solar system... </div> </li> </ul> </div> </div> </div> </div> </section> <footer class="main-section" id="footer"> <div class="container"> <div class="row"> <div class="logo-wrapper col-md-6"> <p class="footer-tagline"><a class="link" href="/" title="Home">Home</a></p> </div> <div class="col-md-3"> <h5>Support</h5> <ul class="footer-links list-unstyled"> <li><a class="link" href="/about/contact" title="Contact">Contact</a></li> </ul> </div> <div class="col-md-3"> <h5>About</h5> <ul class="footer-links list-unstyled"> <li><a class="link" href="/about/cookie" title="Cookie Policy">Cookie Policy</a></li> <li><a class="link" href="/about/toc" title="Terms and Conditions">Terms and Conditions</a></li> <li><a class="link" href="/about/copyright" title="Copyright">Copyright</a></li> <li><a class="link" href="/about/privacy" title="Privacy Policy">Privacy Policy</a></li> </ul> </div> </div> </div> </footer> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="/front/js/jquery-3.3.1.slim.min.js?BuEhuITJDKLJPDnZqlBw"></script> <script src="/front/js/bootstrap.bundle.min.js?FtQSJjEaZNvGtuXnxqm"></script> <!-- Modal --> <div class="modal fade" id="download-modal" tabindex="-1" role="dialog" aria-labelledby="download-modal-label" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="download-modal-label">Download Presentation</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> Ready to download the document? Go ahead and hit continue! </div> <div class="modal-footer"> <form method="POST" action="http://www.slideread.com/slide/download" accept-charset="UTF-8"><input name="_token" type="hidden" value="8sKyqc2wRhK5Ow9JEIpmvXiYiKtaHb6ZAUmfGmzm"> <input type="hidden" name="document_slug" value="section-508-and-nasa-presentation-to-gsfc-webmasters-november-s7zwvi"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-primary">Continue</button> </form> </div> </div> </div> </div> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-158183920-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-158183920-1'); </script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(56273755, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/56273755" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> </body> </html>