Accessible Word Document Training Microsoft Word 2010.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Cascading Style Sheets
ADA Compliant Websites & Documents What the heck am I supposed to do?
Basic Accessible PDF Document Training Adobe Acrobat Professional 11.
XX/XX/XX Presenter names Position Title Accessibility “How to”
Accessible PDF Creation using Adobe Acrobat Professional 11.
Creating Accessible Presentations Training Guide.
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
Advanced Accessible PDF Document Training Adobe Acrobat 11.
Creating Accessible Instructional Materials
How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010.
May 22, Assistive Technology Resource Center Provide Assistive Technology for students, faculty and staff with disabilities Provide consultation.
Adobe Reader and Acrobat Professional Adobe LiveCycle Designer Microsoft Office Word PowerPoint.
Creating and publishing accessible course materials Practical advise you can replicate.
Everyday Accessibility. Maximise accessibility using Microsoft® Word, PowerPoint, and PDFs. Andrew Costello (Disability Service). Trinity College Dublin.
Designing a Classroom Web Site Using NVU Beginning Level.
Electronic Communication and Web Accessibility Workshop.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
Website Development with Dreamweaver
WEB ACCESSIBILITY TRAINING FOR CONTENT MANAGERS.
Creating Accessible Content in Microsoft Office 2010 NC Basic Skills Instructor Training Academy 2012.
Tips for Making Accessible Content with Microsoft Office AccessGA and AMAC Accessibility.
How to Create Accessible Online Course Content Shivan Mahabir Athanasia (Tania) Kalaitzidis Kevin Korber Danny Villaroel.
Accessibility Barriers Screen reader users will not be able to access content within a text box. Information presented as an image, animation, or video.
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 Word Document Creation Using Microsoft Word 2010.
Web Site Development - Process of planning and creating a website.
Accessible PDF Creation using Adobe Acrobat Professional 11.
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.
Elements of Accessibility in Online Courses Dallas County Community College District Technology Summer Institute June 10, :45-12:45.
Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.
Tips and Techniques for Accessible Digital Materials and Handouts
Guide to Accessible PowerPoint
County Website Content Management System
Seven Steps to Creating an Accessible Microsoft Word Document
Making Templates Accessible
Creating Accessible PDFs from Word Docs
Creating ADA Compliant Resources
Plan for Teaching Online-Course Accessibility
Microsoft Word Accessibility
Creating Accessible Electronic Content
Creating ADA Compliant Resources
Do You Post or Documents to Students
Financial Aid: ATRC Services & Intro to Accessibility
Getting Started with Accessibility: Accessibility Checkers
Welcome to today’s AEM Center Webinar
New PowerPoint Template
Creating Accessible PowerPoint Slides
New PowerPoint Template
Disability Resource Center
Making Templates Accessible
Accessibility Tips for Your Office
ADA Compliant Website & Documents
Creating Accessible Electronic Documents
Creating Accessible Documents
How To Make Accessible Word Documents
Designing with Accessibility in Mind
Web content management
Accessibility Guide.
Accessible Design Top 10 List
Accessible Slide Template
Creating Accessible Microsoft Word Documents
To Read Along… Visit this page and download the PowerPoint!
Accessible Slide Template
WORD DOCUMENT ACCESSIBILITY
Making Documents Accessible
Presentation transcript:

Accessible Word Document Training Microsoft Word 2010

Agenda-Word Defining Accessibility Document Headers Images Links Table Structure Color Contrast Accessibility Checker

What is Accessibility? Accessibility can be defined by whether or not a document or web application can be used effectively by people with disabilities Perceive Operable Understand Robust

Perceivable Provide captions and transcripts Do not use only color to express important information. Instead, change font, separate lists, and use tables Use headings and heading levels Provide alternative text that portrays the important concepts of an image like content and function rather than describing the image. Associate data cells with column/row headers

Operable Content is compatible with assistive technologies that do not utilize the mouse Make interactive items look “clickable” and underline links only Use unique and descriptive links to help users understand where a link will take them

Understandable Use semantic organization techniques such as headings, lists, etc. Be consistent and simplify content Make the reading level of your content low when possible Avoid using small text

Robust Make sure your content works with different technologies, browsers, versions, etc. Use the most universal versions for your content PDF – Can be opened on multiple platforms Word – Most popular word processing file format Follow standards and accessibility best practices Google will find your information easier if it is correctly marked up for accessibility Ensure that file types are more compatible with past and future versions

Compatibility Mode & Document Properties

Headings Headings are styles used for titles of sections. Headings are announced Appearance Accessibility Mark-up Hierarchy

Bad Example of Headers

Good Example of Headers This document is properly structured and is marked up with headers. Marking headers is important not only for visual purposes, but for assistive technology users as well.

Headings Navigation Navigate and edit a document through the Headings Navigation Panel Whole section editing Drag and drop entire sections

Styles Strong rather than Bold Ordered lists Unordered lists Serif or San Serif

Columns Create columns in Word rather than creating column-like sections Adds structure to page Influences reading order

Images Alternative Text Captions Use of descriptive text surrounding the image Tips: Insert images using the inline function Do not use Word Art – No alt text

Bad Example for Alternative Text There is no alternative text for the picture above. Users of assistive technology such as screen readers will not get any information from this image. When the screen reader selects the image it will just say “Image”.

Bad Example for Alternative Text There is alternative text for the picture above, however it is not very descriptive. If the purpose of the picture was to just represent a car, this would be fine, but if this were an ad highlighting the 2014 Chevy Camaro, this would be poor alternative text.

Good Example for Alternative Text The image above includes the alternative text “Red 2014 Chevy Camaro”. Users with assistive technology such as screen readers will hear “Image: Title – Camaro– Red 2014 Chevy Camaro”.

Surrounding Text Method It is preferred to include an explanation of the image in the surrounding body of text or caption. This way an image’s alternative text could be marked as null.

Links Link text should tell the user where they are about to go and match in a meaningful way the title of the webpage they are linking to. Link text should be descriptive enough to alert the user of where the link will take them For documents meant to be printed, use a URL Generator to shorten links but provide meaningful text around it to let users know where the link is going

Links Only View

Bad Example for Links The link text here is not informative. It does not tell the user where the target of the link is. It is preferred to make the link text more descriptive.

Good Example for Links To read more top stories go to the CSUN Home PageCSUN Home Page Include what the link is for when creating hyperlinks Visit the Universal Design Center for more information about accessibility.Universal Design Center Sentence structure lets the user know what info will be presented by selecting the link

Table Structure Visual Organization Appearance Important to included caption/description

Bad Example of Table Structure

Good Example of Table Structure

Color Contrast Examples Bad Color Contrast 1: White text on a turquoise background 2: Red text on green background 3: White text on pink background Good Color Contrast 4: White text on blue background 5: Black text on white background 6: Black text on yellow background Go to the Universal Design Center website to download tools to check color contrast for freeUniversal Design Center

Word Accessibility Check Dynamic checker – Runs while you edit Error – Pertinent issues Warning – Precautionary steps Tip – Suggestions

Accessibility Check

Recap Accessibility Document Headers Images Links Table Structure Color Contrast Accessibility Checker

Resources Past Training and Presentations: training-and-presentations Document Accessibility Guides: ent-accessibility