47
1 10 Tips for Creating Accessible Online Course Content Janet Sylvia (Presenter) Web Accessibility Trainer www.3playmedia.com twitter: @3playmedia live tweet: #a11y Type questions in the window during the presentation Recording of presentation will be available for replay To view live captions, please click the link in the chat window Lily Bond (Moderator 3Play Media [email protected]

10 Tips for Creating Accessible Online Course Content

Embed Size (px)

Citation preview

Page 1: 10 Tips for Creating Accessible Online Course Content

1

10 Tips for Creating Accessible Online Course Content

Janet Sylvia (Presenter)Web Accessibility Trainer

www.3playmedia.comtwitter: @3playmedialive tweet: #a11y

Type questions in the window during the presentation Recording of presentation will be available for replay To view live captions, please click the link in the chat window

Lily Bond (Moderator)3Play [email protected]

Page 2: 10 Tips for Creating Accessible Online Course Content

10 Tips for Creating Accessible Online Course

Content

Janet Sylvia, Web Accessibility Trainer

Page 3: 10 Tips for Creating Accessible Online Course Content

Agenda

Accessibility & Online Learning

Instructor and Administrative Challenges and Solutions

10 Tips for Creating Accessible Online Course Content

Page 4: 10 Tips for Creating Accessible Online Course Content

Definition of Accessible

“ Accessible means a person with a disability is afforded the opportunity

▪ to acquire the same information, ▪ engage in the same interactions, and ▪ enjoy the same services as a person without a

disability▪ in an equally effective and equally integrated manner, ▪ with substantially equivalent ease of use.

The person with a disability must be able to obtain the information as fully, equally and independently as a person without a disability.”

Settlement Agreements, US Dept of Education

Page 5: 10 Tips for Creating Accessible Online Course Content

Online Courses

Courses delivered fully or partially online

Course materials made available online

External websites or any other web-based activities associated with an online course

Page 6: 10 Tips for Creating Accessible Online Course Content

Growth of Online Learning

Growth and popularity at all-time high

Over 60% of institutes of higher education report online learning is a critical part of their

long term planning

Not limited to higher education

Worldwide, $35.8 billion dollar industry, predicted to triple in 2015.

Page 7: 10 Tips for Creating Accessible Online Course Content

Yet…..

Legal landscape indicates many online courses are not accessible to students with disabilities

Page 8: 10 Tips for Creating Accessible Online Course Content

Question remains….

Why not???

Page 9: 10 Tips for Creating Accessible Online Course Content

Legal Requirements and Guidelines Americans with Disabilities Act (1990)

Places of public accommodation

Section 504 (1973) Programs and services at colleges and universities

Section 508 Standards (1998) Electronic and information technology

Web Content Accessibility Guidelines (WCAG) 2.0 (2008) International guidelines

Page 10: 10 Tips for Creating Accessible Online Course Content

Disconnect

Web accessibility standards and guidelines are often understood and implemented by website developers;

however, the same requirements are often misunderstood or overlooked by individuals involved in the design, development, delivery of web-based (i.e. online) courses.

Page 11: 10 Tips for Creating Accessible Online Course Content

Accessibility vs. Disability

Accessibility Requirements General requirements for general population Instructors, Faculty are responsible

▪ Alt Text for Non-text ▪ Descriptive Hyperlinks▪ Semantic Structure

Disability Accommodation Specific solution for a specific individual Disability service providers

▪ Note Taker ▪ Extended Time▪ Sign Language Interpreter

Page 12: 10 Tips for Creating Accessible Online Course Content

Web Accessibility Training

Instructors provided online course environments Receive technology training Don’t receive web accessibility training for content

Web accessibility efforts and training Tend to focus on websites and web designers

In general, training doesn’t include accessibility Word, PowerPoint, HTML Editor, etc.

Page 13: 10 Tips for Creating Accessible Online Course Content

Result

Loss of equivalent academic experience and educational opportunities for individuals with disabilities

Page 14: 10 Tips for Creating Accessible Online Course Content

Instructor Challenge

Design, development and delivery of online courses is a team effort

Page 15: 10 Tips for Creating Accessible Online Course Content

Online Courses – Team Effort

Includes: Administrators Instructors Website Developers Instructional Designers Digital Media Developers Information Technology Teams Procurement Personnel Disability Service Coordinators etc.

Page 16: 10 Tips for Creating Accessible Online Course Content

Administrative Challenge

Disparate group

Accessibility compliance requires a coordinated approach

Administrators must provide much-needed leadership, guidance and resources

Page 17: 10 Tips for Creating Accessible Online Course Content

Administrative Solutions

Develop: 1) Web Accessibility Policy 2) Implementation Plan for Web Accessibility

Resource: National Center on Disability and Access to

Education www.ncdae.org

Page 18: 10 Tips for Creating Accessible Online Course Content

Summary

Definition of Accessibility

Legal Requirements and Guidelines

Responsibility and Team Effort

Instructor Challenges and Solutions

Administrative Challenges and Solutions

Page 19: 10 Tips for Creating Accessible Online Course Content

10 Tips for Creating Accessible Course Content

Page 20: 10 Tips for Creating Accessible Online Course Content

1) Accessibility Statement

Add to Syllabus, Course Homepage, etc. Include:

Accessibility Statement about Course Disability Accommodation Information Links to 3rd Party (Vendor) Accessibility

Information

Page 21: 10 Tips for Creating Accessible Online Course Content

Sample Accessibility StatementNote: consult with the legal department at your college/university

Sample: The [college/university] seeks to ensure that online courses

are accessible for all students. If you locate content in this course that is not accessible, please contact your instructor. If you are a student with a disability and would like to register for services, please contact the [disability resource center]

Accessibility information for software products used in this course can be found at: [Vendor name, hyperlinked to vendor website with accessibility information]

Instructor email and phone number

Page 22: 10 Tips for Creating Accessible Online Course Content

2) Semantic Structure, Styles, or Tags HTML (most accessible) , Word, PDF, etc.

Provide structure: Headings (H1, H2, H3….H6)

▪ Heading 1 for Document Title▪ Heading 2 for all Section Titles▪ Heading 3 for all Sub-section Titles

In addition: Strong (not Bold) Emphasis (not Italics) Table of Contents, Bookmarks

Page 23: 10 Tips for Creating Accessible Online Course Content

Word - Styles

Page 24: 10 Tips for Creating Accessible Online Course Content

Word – Styles, expanded list

Page 25: 10 Tips for Creating Accessible Online Course Content

Visual Indicators vs. Semantic Structure

Page 26: 10 Tips for Creating Accessible Online Course Content

Word - Table of Contents

Page 27: 10 Tips for Creating Accessible Online Course Content

3) True Lists, Columns, and Tables Use software built-in functionality to

create: Lists (Bulleted or Numbered) Columns Tables

Avoid: spacebar, tab which do not create structure

Page 28: 10 Tips for Creating Accessible Online Course Content

Spacebar or Tab vs. True Columns Not Accessible: Spacebar

or Tab Accessible: True

Columns

Page 29: 10 Tips for Creating Accessible Online Course Content

4) Readability

Divide large blocks of text into smaller, more manageable sections

Avoid overly complex sentences

Use sans-serif font

Approximately 12 points

Page 30: 10 Tips for Creating Accessible Online Course Content

5) Text Equivalents (Alt Text)

Required for all non-text content▪ Image, Chart, Graph, etc.

Clear, concise description (120 characters or less) that conveys meaning or purpose of the image

If alt text alone is insufficient to convey meaning

▪ Provide a long description in surrounding text or in a separate, accessible document

If image is purely decorative use “” null

Page 31: 10 Tips for Creating Accessible Online Course Content

Alt Text for Image of Flowers(depends on context)

1) Story about tulipsalt = “Yellow tulips blooming in the Spring”

2) Horticulture Classalt=“Tulipa gesneriana”

3) Decorative Imagealt=“”

Page 32: 10 Tips for Creating Accessible Online Course Content

6) Avoid Color Coding

Ensure color is not the sole means of conveying important information

Page 33: 10 Tips for Creating Accessible Online Course Content

Not accessible - Color Coding

Red Team and Green Team Office Hours Provided Below

Page 34: 10 Tips for Creating Accessible Online Course Content

Accessible Color Coding

Red Team and Green Team Office Hours Provided Below

Page 35: 10 Tips for Creating Accessible Online Course Content

Not accessible - Highlighting

Page 36: 10 Tips for Creating Accessible Online Course Content

7) Sufficient Color Contrast

Between foreground and background colors

Ensure background does not overpower text PowerPoint or Keynote slides, Web Pages, etc.

Page 37: 10 Tips for Creating Accessible Online Course Content

Not accessible - Insufficient Contrast

Page 38: 10 Tips for Creating Accessible Online Course Content

Accessible Contrast

Page 39: 10 Tips for Creating Accessible Online Course Content

Colour Contrast Analyser available from The Paciello Group

Page 40: 10 Tips for Creating Accessible Online Course Content

8) Descriptive Hyperlinks

Link text should make sense out of context describe the destination be unique for unique destinations

Avoid vague terms Click here Email me URL text http://www.ugallo-b59-go2376c.html

Page 41: 10 Tips for Creating Accessible Online Course Content

Assistive Technology - Aggregated Links

Page 42: 10 Tips for Creating Accessible Online Course Content

9) Accessibility Checkers

Always use software’s built-in Accessibility Checker Follow recommendations to fix errors

Conduct Manual Checks U.S. Department of Health and Human Services HHS Section 508 Checklists www.hhs.gov Word, PowerPoint, PDF, HTML, Multimedia

Page 43: 10 Tips for Creating Accessible Online Course Content

10) Multimedia

Audio only Text Transcript (of spoken word)

Video only Video Description (of key visual elements)

Audio and Video Closed Captions Text Transcript Video Description

Page 44: 10 Tips for Creating Accessible Online Course Content

Accessible Synchronous Activities Ensure the technology is accessible

Provide vendor accessibility information in Accessibility Statement

Additional Considerations: Closed Captioned Verbally describe all slide text and images Follow accessibility guidelines for creating

accessible content Avoid “timed response” activities

▪ Chat, Poll, Breakout Rooms typically not captioned

Handouts: provide 48 hours in advance

Page 45: 10 Tips for Creating Accessible Online Course Content

Summary: 10 Tips

1. Accessibility Statement: Syllabus, Course Home Page, etc.

2. Semantic Structure, Styles, Tags

3. True Bulleted or Numbered Lists, Columns and Tables

4. Ensure Readability

5. Text Equivalents for Non-text Elements

6. Avoid Color Coding

7. Sufficient Color Contrast

8. Descriptive Hyperlinks

9. Accessibility Checkers and Manual Checks

10. Multimedia and Synchronous Activities

Page 46: 10 Tips for Creating Accessible Online Course Content

Questions?

Janet SylviaWeb Accessibility Trainer

[email protected]

Page 47: 10 Tips for Creating Accessible Online Course Content

47

Presenters

Janet SylviaWeb Accessibility Trainer

Lily Bond3Play MediaMarketing [email protected]

Q&AUpcoming Webinars:

Oct 22: Understanding Closed Captioning Standards

Nov 5: Implementing Universal Design for Online Learning Accessibility

Dec 3: How to Implement Accessible Lecture Capture

Dec 10: Quick Start to Captioning

You can register for these free webinars at: www.3playmedia.com/webinars/

A recording of this webinar will be available for replay