Join the A-Team ACCESSIBILITY-TEAM. Session 1 EVALUATE ACCESSIBILITY OF HTML FILES AND SET THE PATH TO A D2L STYLE SHEET.

Slides:



Advertisements
Similar presentations
Creating Accessible PDF Documents Dick Hemenway CMAC Accessibility Committee.
Advertisements

The Web Wizards Guide to Freeware/Shareware Chapter Four Essential Tools for Web Page Authors.
The Art of PowerPoint, Part 3: Accessibility and the Web Sean Keegan April 21, 2008 For audio call Toll Free and use PIN/code
MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard
ADA Compliant Websites & Documents What the heck am I supposed to do?
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY Achieving Accessibility with PDF Greg Pisocky Accessibility Specialist.
PDF Those pesky proprietary formats: Alternatives Save the Day Sharon Trerise Northeast ADA & IT Center PPT.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Acrobat XI Accessibility Features Matt May | Accessibility Evangelist.
Basic Accessible PDF Document Training Adobe Acrobat Professional 11.
Make your choice from more than 70 templates to get a quick start online!70 templates.
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Kiran Kaja | Accessibility Engineer Ensuring Accessibility in Document Conversion.
Accessible PDF Creation using Adobe Acrobat Professional 11.
Using a Template to Create a Resume and Sharing a Finished Document
Advanced Accessible PDF Document Training Adobe Acrobat 11.
Accessible PDF Documents with Adobe Acrobat 8 Sean Keegan Web Accessibility Specialist CSU Summer Accessibility Institute 2007.
Congratulations! You are ready to launch your Decision Support System to the company’s web site. After you have finished the Excel, PowerPoint, Word, and.
Terrill Thompson Making PDFs Accessible.
How to Create Accessible PowerPoint Presentations Elizabeth Tu and Thayer Watkins April, 2010.
Word to HTML March 4, Accessibility Awareness  At this point in time, the training goal is to develop an awareness of web content accessibility.
Adobe Reader and Acrobat Professional Adobe LiveCycle Designer Microsoft Office Word PowerPoint.
Accessibility of online instructional tools and documents Terrill Thompson ATUS Technology Accessibility Consultant x 2136
Microsoft ® Expression ® Web An Introduction to the Your Learning Guide to Expression Web tutorial.
Creating and publishing accessible course materials Practical advise you can replicate.
Creating Accessible PDF’s in Adobe Acrobat Professional 7.0.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Microsoft ® Word Templates and Accessibility. 1 What is a Word template? File with a.dot (document template) extension Can define the following:  Paragraph.
Publications, design sets, web pages
Web Design Dreamweaver Semester 2 ATBs. ATB #1 What is a web site?
IT Introduction to Website Development Welcome!
Planning an Accessible Website: Beyond Alt Tags Stephanie M. Randolph School of Health, Physical Education, and Recreation Indiana University.
NetTech Solutions Working with Web Elements Lesson 6.
Making Online Documents Accessible to Everyone Terrill Thompson Technology Accessibility Consultant
Accessibility of online instructional tools and documents Terrill Thompson Technology Accessibility
Presented By David Speight.  Easy Student Accessibility  Familiar Navigation  Fits Inside the Box  Works Outside the Box  Allows Creativity without.
1.Obtaining software 2.Sample pdf for this presentation 3.Checking accessibility of the pdf 4.Tackling inaccessibility 5.Tips and helpful links How to.
Terrill Thompson Is Your Course Content Accessible?
Creating a Digital Classroom. * Introduction * The Student Experience * Schoology’s Features * Create a Course & Experiment.
Accessible Word and PDF documents
 Rehabilitation Act of 1973 Section 504 and Section 508  Americans with Disabilities Act 1990 Title II Extends to include programs offered via the Internet.
Creating Accessible PDFs Professional Development Day Fall 2015.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ADOBE® ACCESSIBILITY PDF Accessibility – Best Practices for Authoring Pete DeVasto Greg.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
+ Accessible Document Basics Cindy Compeán Accessibility/Assistive Technology Specialist
Accessible PDF Creation using Adobe Acrobat Professional 11.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Before We Begin Please download the files from as we will be using them in our walkthroughs.
Presented by Maya Pakhomova. What Should You Do to Make an Office Document Readable? I use text that describes a graphic.
Designing Accessible Documents for Everyone Carolyn Kelley Klinger February 18, 2010 Carolina Chapter, Society for Technical Communication Note: The slides.
COMP 143 Web Development with Adobe Dreamweaver CC.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.
CREATING ACCESSIBLE WORD/ POWERPOINT FILES TO PDF AMERICAN RIVER COLLEGE 8/17/2016 Corrine Haverinen Assistive Technology Specialist Santa Rosa Junior.
Creating Section 508 Compliant Documents & Presentations
Accessibility: It’s Easy in Microsoft Word© 2010
Community Engagement Web Community Manger (WCM) - Schoolwires
Universal Design Strategies in Teaching and Communication
Editing Your Website on SharePoint 2013
Creating Accessible PDFs from Word Docs
Creating ADA Compliant Resources
Creating Section 508 Compliant Documents & Presentations
Creating Section 508 Compliant Documents & Presentations
ADA Compliant Website & Documents
Creating Accessible Electronic Documents
Adobe Acrobat DC Accessibility: Accessibility Checker
Creating Accessible Microsoft Word Documents
Making Documents Accessible
Presentation transcript:

Join the A-Team ACCESSIBILITY-TEAM

Session 1 EVALUATE ACCESSIBILITY OF HTML FILES AND SET THE PATH TO A D2L STYLE SHEET

Session 1 Objectives  Participants will,  Locate and discuss the Accessibility Guidelines  Evaluate accessibility of HTML pages using the Web Developer Toolbar in Firefox. (Faculty will use their own D2L courses)  Create a new file in D2L using a template with styles.

Handouts ( Choose Accessibility)  Watch a video. (Website: 5:39 to 8:20)  Look at TBR site. (Website)  Discuss the accessibility guidelines. Go to Principles of Accessible Design and scroll up to “Laws and Standards” (Website)  Review tags in HTML files inside D2L. (Handout, Go to D2L)  View PowerPoint about style sheets. (Website)  Create a file in D2L using a style sheet. (Handout, Go to D2L) Activities  Session 1 Lesson Plan (PPT)  Accessibility Guidelines  Evaluate HTML and Evaluate Accessibility Quick Guide  Understanding HTML Style Sheets (PPT)  D2L Style Sheet

Session 2 CONVERT A SYLLABUS TO ACCESSIBLE HTML

Review Question 1 From Session 1  What sandards we are using for accessibility?

Answer  WCAG 2 AA

Review Question 2 From Session 1  Name the five accessibility guidelines that are our focus in these sessions.  Hint: One of them is “Alternative Text.”

Answer  Alternative Text  Document Structure  Data Tables  Meaningful Links  Text Color

Session 2 Objectives  Participants will,  Convert one syllabus to cleaned-up HTML code.  Create a new file in D2L using a template and pasting the cleaned content to D2L.

Handouts ( Choose Accessibility)  Locate the electronic versions of the handouts.  Locate a syllabus in D2L.  If PDF, use Adobe Acrobat to save the file as Word.  If Word, copy the text and process it through the HTML-Cleaner.  If outdated HTML, copy the outdated code and process it through the HTML -Cleaner.  Create a file in D2L, select a style sheet, paste the cleaned-up code to D2L, and publish it. Activities  Convert PDF to HTML  Convert Word to HTML, Method 4  Example 1, Cleaning HTML

Session 3 USING THE D2L EDITOR TO FORMAT DOCUMENTS

Session 3 Objectives  Participants will,  In D2L, apply accessibility styles to the HTML syllabus created in Session 2.  Discuss WCAG 2 AA requirements for accessible web content.

Handouts ( Choose Accessibility)  Locate the electronic versions of the handouts.  Locate the HTML syllabus in D2L created in Session 2.  Add accessibility features:  Headings  Table Header  Links (Look at Non-HTML Resources and New Window) (available from the same link)  Text Color  Alt Text  Evaluate the HTML syllabus using the Web Developer Toolbar in Firefox. Activities  Make HTML Accessible in D2L

Session 4 CREATE AN ACCESSIBLE WORD OR PDF FILE

Session 4 Objectives  Participants will,  Create and evaluate a simple file with an image, headers, table, and link in Word using the available accessibility features.  Save the file created in Word as PDF and use Adobe Acrobat Pro CC to evaluate and repair any accessibility issues.

Handouts ( Choose Accessibility)  Locate the electronic versions of the handouts.  Create a Word file and assign the following styles. Save the file.  Headings, List, Image, Table, and Link.  Process the file using the Word Accessibility Checker.  Save the file as PDF using the File, Save as option.  Open the PDF file in Adobe Acrobat Pro CC.  Process the file through the “Full Check” Accessibility Checker.  Make Accessible Action Wizard.  Check Reading Order.  Check the Data Table. Activities  Improve Accessibility of Word  Evaluate and Make PDF Accessible