Creating Accessible Documents

TO HELP SET UP:1) Sign into computer2) Navigate to the USB3) Drag “Lib Session” Folder to TEMP D4) Open “Lib Session” Folder from Temp D

and start “Library Creating Accessible Documents” PowerPoint Show

5) Give USB to another person!

Guiding Standards

• Information and Communications – http://www.mcss.gov.on.ca/en/mcss/progr

ams/accessibility/tools/making_information_accessible.aspx

• W3C– http://www.w3.org/standards/

• CNIB– Clear Print Accessibility Guidelines

What?- Disability

• There are five main types of disability: 1. Vision2. Hearing3. Mobility4. Cognitive or Language5. Other Medical (e.g. Seizure)

• Within each type there is a range of different disabilities

• Some disabilities are permanent, others temporary, some age-induced.

Disability AwarenessVision

– Turn off the monitor!– How a person who is blind uses the computer

– Refreshable Braille

– Low vision

Disability AwarenessMobility

– Not able to use a mouse– Keyboard

– Navigating Websites:• Library – how to activate the tabs to

search books, versus articles, etc. • Vs Blackboard

Disability AwarenessHearing

– What does a person with a hearing disability hear?• Speech simulation• Cochlear implants: simulation

– Is any information shared through audio?

Disability AwarenessLearning Disability

– Read this– Look at this website

– How much information– Layout

How?First Rule• If information could be inaccessible to

someone, always convey that information in a second format.– i.e. A picture is NOT worth a thousand words to

everyone!

Think about…

• If you have audio voiceover on a Web page for people who are blind or have LD add text for persons with hearing loss

• If you use Video they should be closed captioned

Photosensitive Epilepsy

• Flash rate of less than 2 flashes per second• Warn readers of flashing and blinking

elements• Where might flashing elements occur?

– PowerPoint -flickering or blinking animations, or video clips.

– E-mail attachments - video clips.– Web Pages -animated text or video clips. – Microsoft Word documents - animated text.

Text is…

• Accessible to everyone!

But consider…1. A crowded,

busy screen versus a simple, less crowded one.

2.  Dense paragraphs versus lots of white space.

3. Dense paragraphs versus bulleted lists.

How?• Make keyboard friendly• Guiding principals for websites at:

– http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html

• HTML provides a much more accessible way to design tables; HTML tags identify:– the table header <TH>– table data <TD>

How?

• Text should be:– High contrast colour (black, blue on white)– Point Size of 12-18

–Leading (the space between lines of text ) should be at least 25 to 30 per cent of the point size.

How?

• Text should consider:– Font family and style– Heaviness (bold not italics)– Uncrowded – Margins and columns (less peripheral vision and

tracking)– Paper; non glare, matt

Fonts

• Use San Serif fonts (e.g. Arial)–What’s the difference?–What’s the difference?–What’s the difference?

• use at least 12 points.

How?• Screen readers go from left to right so

consider how tables are laid out

Attribute Cat Monkey Snake

Fur yes yes no

Legs 4 2 0

Animal Fur Legs

Cat Fur 4 legs

Monkey Fur 2 legs

Snake No Fur 0 legs

• Alternative text, should be added to all images• Should contain information sufficient enough

to explain the picture

Contrast

• The best contrast is black on white• Be sensitive to colours of “buttons”

PFD..

• Viewing this: Inaccessible PDF • Versus this: Accessible PDF

• Guides: Creating Accessible PDF

Practice

• Open this document to Practice• Refer to instructions for practice document