508 Compliant Documentation and Learning


Published on

This is a presentation given to the local ASTD-DC chapter on 508 compliant e-learning.

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • The Rehabilitation Act was signed in to law 1973. Two important sections of the Act affect agencies when they are purchasing or distributing electronic information to their workforce. They are sections 501 and 508 of the Rehabilitation Act. Section 501: Section 501 of the Rehabilitation Act protects Federal employees with disabilities from discrimination on the basis of their disability in Federal employment. Section 508 (As Amended): In 1998, Section 508 of this Act was amended to require access to electronic and information technology provided by the Federal government. The law applies to all Federal agencies when they develop, procure, maintain, or use electronic and information technology. Section 508 deals specifically with the methods of distributing or disseminating electronic information via computers. This includes but is not limited to websites, web based learning solutions and documentation. Section 508 is very different from Section 501. Section 508 is only enforceable with respect to newly-procured (after June 21, 2001). Section 508 also has much more specific standards that are designed to meet the needs of a broad cross-section of users with disabilities--- but generally still favors the sight impaired. Guidelines were developed to prevent agencies from developing materials that were not consistent with other agencies. An agency must consider the Section 508 standards, even if there are no employees with disabilities who can currently use that technology. From the Section 508 web site: “Section 508 was enacted to eliminate barriers in information technology, to make available new opportunities for people with disabilities, and to encourage development of technologies that will help achieve these goals.” Subpart b) of Section 508 is composed of 6 standards: 1194.21-1194.26. The only standard applicable to PDF documents is Standard 1194.22 (Web-based intranet and internet information and applications.) This standard is composed of 16 checkpoints: (a) Text Tags (b) Multimedia Presentations (c) Color (d) Readability (e) Server-Side Image Maps (f) Client-Side Image Maps (g)&(h) Data Table (i) Frames (j) Flicker Rate (k) Text-Only Alternative (l) Scripts (m) Applets and Plug-Ins (n) Electronic Forms (o) Navigation Links (p) Time Delays The checkpoints are based on the World Wide Web Consortium (W3C) Web Content Accessibility Group (WCAG) Priority 1 checkpoints. W3C Priority 1 ensures that it is possible for all groups of people to access the document. However, Priority 1 does not ensure that the document is highly accessible or very easy to use. You can think of it as “basic accessibility”. WCAG’s checkpoints were originally written for HTML, but their wording and goals are generic enough to apply to other technologies.  Each checkpoint has a priority level assigned by the Working Group based on thecheckpoint's impact on accessibility.  [Priority 1] A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document. Satisfying this checkpoint is a basic requirement for some groups to be able to use Web documents. An example would be alternative text. [Priority 2] A Web content developer should satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document. Satisfying this checkpoint will remove significant barriers to accessing Web documents. An example would be a heading.[Priority 3] A Web content developer may address this checkpoint. Otherwise, one or more groups will find it somewhat difficult to access information in the document. Satisfying this checkpoint will improve access to Web documents. An example would be a table summary.  
  • Ensure that the Alt-text conveys the true meaning of the non-textual element that is relevant to the learning experience. If you are limited in the alt-text field in html by the number of characters you can use make sure to use the descriptive text field for more detailed information.
  • Ensure captioning is used on multi-media elements and that the captioning is of sufficient size and style to be easily and quickly read. Also make sure that the text (if using scrolling text) moves at a speed for even the slowest reader. But balance that with the need for the text to keep pace with the information in the video. There are also animated sign language characters you can program and use not to replace captioning, but to supplement it.
  • Make sure any information that is conveyed in color does not loose meaning when you remove color.
  • Use sufficient contrast to make the colored information meaningful.
  • Make sure any information that is conveyed in color does not loose meaning when you remove color from the equation.
  • Use sufficient contrast to make the colored information meaningful.
  • If you remove all formatting and structure from the document or module, does the information still flow in a “readable” manner and make sense. Tables are a good example. If you took all the formatting out of the table (no column or row headers and no data cells) – does the information still flow logically and make sense?
  • If you choose to use graphics with hotspots to provide information to the user, make sure you additionally provide text links to the same information.
  • Tables need to be formatted with the appropriate labels such as column and row headers and data cells so a screenreader will associate the appropriate header with the correct data cell. Try to use html tables where possible and not graphics of tables with text descriptions. This can be challenging to do with off the shelf e-learning authoring tools.
  • If you use frames (Typically menus are housed in frames in elearning)in your learning, make sure that the learner can easily and quickly navigate with keystrokes from one frame to the other and back. Additional note: If you use popup windows make sure the focus transfers back and forth to the appropriate window when one opens or closes.
  • If you use flashing elements, test to verify that they flash between 2 and 55 hz.
  • If you use scripts or macros in your training, (even those built in to off the shelf authoring tools) make sure that the information used in script is available to all your users. If you do this with a form, and the script validates that the learner has either incorrectly or correctly entered information you can add a verbal signal (bell or buzzer) to provide auditory feedback. You may also need to add feedback text to the screen for validation for those with hearing impairments. Scripts are used for a variety of functions in learning programs such as the user typing in their name and then the program references them through the training by name, etc.
  • If your users need to download a plug in or applet, make sure there is an easily accessible link for your users to download the application.
  • The same rules that one would use for tables applies to forms. If they are designed and structured properly, the assistive technology will detect that and read the information appropriately for the user to complete the form.
  • If there are duplicate links to the same location, allow the user to disable repetitive links and limit the amount of information they are required to review.
  • If there is a need for the user to complete a test or activity in a certain period of time, give them the option of extending that time because assistive technologies are not always as efficient as ordinary access to electronic information.
  • [Priority 1] A Web content developer must satisfy this checkpoint. Otherwise, one or more groups will find it impossible to access information in the document. Satisfying this checkpoint is a basic requirement for some groups to be able to use Web documents. An example would be alternative text. The 16 checkpoints in Section 1194 fall in to the priority one category. Example: If you do not provide alt text, users will find it impossible to access information in your document or module.
  • [Priority 2] A Web content developer should satisfy this checkpoint. Otherwise, one or more groups will find it difficult to access information in the document. Satisfying this checkpoint will remove significant barriers to accessing Web documents. An example would be a heading.Example: Properly formatting headings allow a learner to easily scan at a high level the information in a document or module, the same as you and I would if we were only looking for specific information.
  • [Priority 3] A Web content developer may address this checkpoint. Otherwise, one or more groups will find it somewhat difficult to access information in the document. Satisfying this checkpoint will improve access to Web documents. An example would be a table summary. Example: Table summaries allow the learner to get a high level review of the information in the table and determine if they need to review the information in detail.
  • Accessibility is a general term used to describe the degree to which a product is accessible. Not just by those with a disability, but to anyone. The term accessibility is generally associated with the disabled and their ability to access various forms of assistive technology. Or in other words, technology that was adapted so that a person with a disability could use the technology. Screen readers and voice recognition software are the two most commonly used forms of assistive technology. Screen readers enable a person with a sight impairment to hear information (using text to speech) that is presented on a computer screen. Voice recognition allows persons with mobility impairments to access a computer without the use of a keyboard or mouse. Voice commands and dictation are articulated (speech to text) in order to control the computer. Keep in mind that accessibility does not necessarily equate to usability. Usability relates more to the ability of one to use a product efficiently. For many years, accessibility did not equal usability. But the devices now available to end users such as JAWS, Window-Eyes, Hal (made by Dolphin), Dragon Naturally Speaking, VoicePower, MAGic (magnification software), WYNN (software used to assist those with cognitive disabilities) and a whole host of other technologies are leading the way in making accessibility = usability.       
  • There is no magic bullet for creating accessible learning. It takes brainstorming and creativity to find solutions that reach beyond “compliant” to truly usable and meaningful. Think outside of the box to generate ideas and then test their validity by putting yourself in the shoes of the person using assistive technology. Understand the technology!
  • Tabbing order is a very important issue when making information “usable”. Does the information and the elements on the screen flow through the tabbing order in an order that is meaningful.
  • As each element is highlighted and read, you can provide descriptive text and instructions regarding the purpose of that element and what you want the learner to decipher or do with it. Example: If this were a safety module and you wanted the learner to do a “what’s wrong in this picture” type activity you could attach an alt-text to each individual graphic in the background with descriptive text, if necessary and explain that if you want them to select this particular graphic as having a “safety issue”, then press enter or something.
  • Once again, make sure the user can quickly navigate back and forth between the menu and the information on the screen. Possibly assign a special hotkey combination to access the menu from anywhere on the screen.
  • Feel free to use Flash movies if you take the time to narrate (and caption) them properly so that the movie has meaning if you either cannot see or hear it.
  • Feel free to create your own navigation rules or suggestions as long as you outline them in the Instructions so the learner can easily remember them and use them. It is a good idea to have a simple link on each page (accessible by one keystroke) where the learner can go to when they want to refresh their memory of the instructions. You can work with people who know the technology to design instructions and find out what features their technology already has built in to navigate and use in your product. You can always have macros built in to your module to accommodate their needs, outside traditional functionality.
  • Be Creative! Although a visually impaired user can tab through each block on the actual crossword puzzle, it is not very “usable” for them to complete this puzzle. By adding text boxes under the clues, the user can enter their answers in the box and for each successive clue the completed letters will autofill. It is also set up so that the screenreader will read the clue and then say “text box with xxxx number of letters” so the person will know how many letters, and on successive clues, what autofilled.
  • Once again – this is a modified example of a frame. The words you need to find are in essence the “menu” or “frame” and then all the letters on the other side are individual text letters that can be read as one tabs through each of them. Although cumbersome all the learner has to do – sighted or not – is select a letter in the word and then press the ctrl+arrow key to continue selecting until the word is complete- then hit enter. I use this example because I want to demonstrate how important keystrokes and tabbing order are for accessibility, not because I feel this would be a good game for someone with a disability to play.
  • Matching – Drag and DropThese can pose problems with Flash. Mostly because they require a mouse and people who use assistive technology typically do not use a mouse. So – change it to a “Drop Down” format, for them. It’s the same concept and is accessible. Use sounds to indicate whether or not they got the answer correct. (i.e., ding or buzz)Mutiple Choice are typically accessible, if built correctly. Fill in the blank and short answer are also accessible, if built correctly.
  • 508 Compliant Documentation and Learning

    1. 1. The Webinar will start soon…<br />
    2. 2. Join or Renew with the Chapter<br />SPECIAL OFFER<br />If you join at the end of this Webinar today you will save $10 off the price of either a new membership or membership renewal.<br />Enter the Code: webinar1 when you go to our site to purchase your membership.<br />Offer good only until midnight tonight!<br />
    3. 3. Upcoming Programs<br /> Propelling Team Performance:  Strategies from NASA that Promote Individual, Team, and Organizational LearningThursday, February 18, 2010, 6:00 pm to 8:30 pmThe Ritz-Carlton - Pentagon CitySponsored by C2 Technologies, Inc.<br /> In a project-based organization like NASA, performance takes place in a team setting.<br /> After the highly publicized failure of two Mars missions in the late 1990s, NASA began providing direct support to project teams through its Academy of Program/Project & Engineering Leadership. A decade later, the Academy has supported hundreds of project and engineering teams across the agency. The Academy’s interventions make clear that the optimal performance and learning come together at the team level. Learn more from Dr. Edward Hoffman, Director of the NASA Academy for Program/Project and Engineering Leadership (APPEL) at our February meeting. <br />
    4. 4. Resume Review Service<br />In the job market? Need to update your resume?<br />Setup a consultation with our resume professional<br />E-mail the Director of Career Services for more information at: dir_career_services@dcastd.org<br />
    5. 5. Advertise Your Events/Services in the eFlash<br />Do you have an event or service you want people to know about?<br />Reach over 6,000 people by advertising in the weekly eFlash.<br />For more information contact the Director of Communications at dir_comm@dcastd.org<br />
    6. 6. Join our Special Interest Groups (SIGs)<br />Want to explore a subject area in-depth?<br />Then come join one of our SIGs<br />Coaching Free Agent Federal<br />Instructional Design Leadership <br />Organizational Development<br />Performance Consulting Technology<br />For more information visit our website or contact the Director of SIGs at dir_sigs@dcastd.org<br />
    7. 7. Volunteer for the Chapter<br />Build your resume volunteering for the chapter<br />Talent Management Portfolio<br /> Contact Lorraine Barclay Nordlinger, MBA at dir_talent_mgmt@dcastd.org<br /> Community Relations Coordinator The Community Relations Coordinator will establish new relationships and manage existing ones with Metro DC ASTD community partners to provide a wide variety of rewarding volunteer experiences for our members, and to maximize the positive name recognition of our organization in the community 10 hours per month No               Committee Recruiter/Job Description Designer The Portfolio Committee Recruiter/Job Description Designer will assist the Board of Directors with their committee recruitment needs, Job Description Design, and web-site posting (and other means) of volunteer job openings 10 hours per month No               Volunteer Interest Intake Coordinator The Volunteer Interest Intake Coordinator reviews Cvent, web-site inquiries, etc. and organizes, responds, and places volunteers.Website Volunteer Opportunity Coordinator Maintains current opportunities on website  and other appropriate places          <br />
    8. 8. Ways to Support the Chapter<br />When you purchase items from ASTD National you can help earn money for our chapter by entering our chapter code: 2034<br />
    9. 9. 508 and Accessibility<br />Presented by:<br />Cheryl Johnson<br />
    10. 10. What is a 508? <br />
    11. 11. Alt-text<br />Man sitting at computer stapling his finger and crying out in pain<br />
    12. 12. Multi-Media Presentations<br />Captioning<br />
    13. 13. Color<br />
    14. 14. Color<br />
    15. 15. Color<br />Click Me<br />
    16. 16. Color<br />
    17. 17. Readability<br /><ul><li>(d) Readability
    18. 18. Definition: “(d) Documents shall be organized so they are readable without requiring an associated style sheet.”</li></li></ul><li>Server Side Image Maps<br />
    19. 19. Tables<br />
    20. 20. Frames<br />
    21. 21. Flashing Elements<br />
    22. 22. Scripts<br />
    23. 23. Applets and Plug Ins<br />
    24. 24. Forms<br />
    25. 25. Navigational Links<br />
    26. 26. Time Delays<br />
    27. 27. Priority 1<br />
    28. 28. Priority 2<br />
    29. 29. Priority 3<br />Schedule X tax table for those whose filing status is Single. <br />
    30. 30. What is Accessibility?<br />
    31. 31. Designing for Accessibility<br />It helps to understand the technology. <br /><ul><li>What can it do?
    32. 32. How does it do it?
    33. 33. How does that affect my design?</li></li></ul><li>What can it do?<br />How does it do it?<br />
    34. 34. How does that affect my design?<br />
    35. 35. Tabbing Order<br />
    36. 36.
    37. 37.
    38. 38. What about Flash?<br />
    39. 39. Provide Instructions<br />
    40. 40. Text vs. Graphics<br />
    41. 41.
    42. 42.
    43. 43.
    44. 44. Questions<br />?<br />?<br />Drop Down (w/o Sound)<br />?<br />Drop Down (w/Sound)<br />
    45. 45. Other Examples<br />Adobe Acrobat Examples<br />Sign Language<br />IRS Forms<br />6 Awesome PDF Examples<br />
    46. 46. Page 45<br />Thank you!<br />?<br />Do You Have Any Questions?<br />?<br />?<br />
    47. 47. Blueprint for Successful Design<br />Download the Design Document<br /> <br />
    48. 48. Thank you for attendingIf you have questions or further comments, please email:cherstinane@readwritetechnology.com<br />