Accessibility

Leveling the
Playing Field for
Students
FLDVIPN Conference
February 2016

For Questions & Notes

during session, please use
Titan Pad link
https://resources.titanpad.com/1

Presenters
Paola Sanchez

Pasco eSchool Instructor,

Technology Support and coach

Tiffany Foster

Pasco eSchool Instructor

Mathematics & Computer Science

Goal:

Develop Accessibility
awareness & share
available resources.

What is accessibility?

Video 1

What is accessibility?
Accessibility refers to the design of
teacher created resources, products,
devices, services, or environments for
people with or without disabilities.

What is accessibility?
vCan

all student learners access the resource?

vCan

students that have auditory or visual

impairment access the information presented?

vCan

students with physical disabilities not only

access, but navigate the information presented?

vIs

the organization and layout of these materials

communicated to all student learners?

Why is it important?
Section 508 requires Federal agencies to
ensure that persons with disabilities (both
employees and members of the public)
have comparable access to and use of
electronic information technology.

Why is it important?
Section 504 requires agencies to provide
individuals with disabilities an equal
opportunity to participate in their
programs and benefit from their services,
including the provision of information to
employees and members of the public.

Why is it important?
Law and Compliance Information:
vSection 508 Compliance:

vAccess Board - http://www.access-board.gov/guidelinesand-standards/communications-and-it

v508 - http://www.hhs.gov/web/508/index.html
vSection 504 Compliance:

http://www.hhs.gov/ocr/civilrights/understanding/disability
/index.html

Understanding Assistive Technology

Any item, piece of equipment, software or product
system that is used to increase, maintain, or improve
the functional capabilities of individuals with
disabilities.
Source: http://www.atia.org/i4a/pages/index.cfm?pageid=3859#What_is_AT_

Understanding Assistive Technology

Learning
Materials

Curriculum
Aids

Understanding Assistive Technology

Pointing
Devices

Educational
Software

Keyboards or
Pencil
Holders

Screen
Readers

Video 2

Resources Screen Readers

Click here

to download Fangs Screen Reader

Emulator (Firefox Add-on)

Click here

to download NVDA Screen Reader

(Windows only- Free)

Voice

Over (Mac) +f5

How to improve digital materials

accessibility
vImages
vAlt Tags

vVideo and Audio

vCaptioning
vTranscripts

vColor Contrast
vStructural elements
vHeadings
vHyperlinks

Images
Students who use a screen reader, will not be able to
access an image that does not have alt text or
descriptive captions. They will not receive the
information being communicated by the image.

Images
Best practices:
Add Alt text/descriptive text
Avoid using images to replace text
Avoid using clipart that contains text

(PPT as jpg. Example)

Buttons and text as images

Text in images

Image Alt Text Resources

Adding Alt Text:
Within the Alt attribute of the img element.
Within the context or surroundings of the image itself.

Resources: http://webaim.org/techniques/alttext/

Images
Alternative Text or Alt Text:
Images should include alt text or have descriptive
captions to ensure the images are accessible by a
student using a screen reader.
When adding Alt text keep in mind

Function & Content

Adding Alt Text:

Adding Alt Text:

Content and Function:
Youthful energy
School Spirit
Big Campus Feel

Video and Audio

Videos should have synchronized captioning.
Audio podcast should include transcripts.
Why? Student who have visual or auditory needs, may not
be able to access the information being presented.
All students will benefit from targeting multiple learning
modalities.

Video and Audio

Captions should be:
Synchronized - the text content
should appear at approximately
the same time that audio would
be available
Equivalent - content provided in
captions should be equivalent to
that of the spoken word
Accessible - caption content
should be readily accessible
and available to those who need
it

Video and Audio

Transcripts provide a textual
version of the content that
can be accessed by anyone.
They should contain
additional descriptions,
explanations, or comments
that may be beneficial.

Video and Audio Resources

Captions:

How to caption a YouTube Video Tip #1

How to caption a YouTube Video Tip #2
Transcripts:
VoiceNote (Chrome Extension)
Google docs voice to text mode

Color Contrast

Students who have colorblindness, depending on

color combinations used, may not be able to see
the information presented.
Best Practices:

Do not use color as a navigational tool.

Check your content using a colorblindness simulator.

Contrast Sample

Contrast Resources

Color Contrast Checker

http://webaim.org/resources/contrastchecker/
Accessibility Color Wheel
http://gmazzocato.altervista.org/colorwheel/wheel.php

Structural Elements
Be sure to include headings, lists, and label correctly
hyperlinks
Students who cannot use a mouse, may not be able to
navigate through the information presented.
Structural elements such as headings and Hyperlinks allow
navigation with a keyboard.
Structural elements help all students organize information
presented.

Structural Elements Resources

Hyperlinks:
How to add a hyperlink
Screen readers generally inform users that a piece of text (or
a graphic) is a link.
Screen reader users often navigate from link to link, skipping
the text in between

OK

Click Here

Click here to schedule an appointment

More

Click here to see instructions

Here

Headings
Heading 1
Heading 2
Heading 3
Heading 4

List/bullets
Bullet 1
Bullet 2
Bullet 3

1.

Number 1

2.

Number 2

3.

Number 3

Organize your
information

Web Accessibility Evaluation Tool

www.WebAim.org
Our mission is to empower organizations to make their web
content accessible to people with disabilities

Click here to download WAVE

Accessibility Evaluator Tool (Chrome
Extension)

Lets Do it!

Level the Playing

Field for Students

Video 3

Questions and contact information

To access additional resources
and information please visit:
Contact us @:
psanchez@pasco.k12.fl.us
tfoster@pasco.k12.fl.us