Blockers: What do I REALLY Need to Fix? Elizabeth Pyatt, [email protected] Outline Blockers Simple Fixes Where to learn more.

Download Report

Transcript Blockers: What do I REALLY Need to Fix? Elizabeth Pyatt, [email protected] Outline Blockers Simple Fixes Where to learn more.

Blockers: What
do I REALLY
Need to Fix?
Elizabeth Pyatt, [email protected]
Outline
Blockers
Simple Fixes
Where to learn more
Major Blockers
Images (w/o ALT text)
ALT text reads description of image
No Page Titles
Where am I?
No Headings Subheadings
Can I can this page quickly?
Poor link text
Where is “here”? Read more where?
More Blockers
No Table Headers/Captions
Caption: title of the table
Header: tops of rows, left col
 Listing types of data
Videos without Captions
Audio without transcripts
Poorly labeled form fields
If you don’t create forms, DON’T worry
Image (w/o ALT Tags)
Why it’s a blocker
If it’s not text, it’s not read by the
screenreader
Also




Image Maps
Animations
Charts
Diagrams
ALT text too long?
Write it out as text
ALT Tag/Text/Attribute
Text which replaces image if it can’t
be processed
ALT Text=“TWT Certificate Program”
Can appear if image fails to load
How To
 ANGEL
“Alternative Text” field in upload
 Word/PowerPoint
Right click image and select “format
picture”
Fill in “Alternative Text” tab.
 Blogs
Title is ALT text
 More
http://accessibility.psu.edu/images
Page Titles
Documents/Pages need titles
Screenreader user knows location
PowerPoint
Unique title on all slides
Slide titles announced by screen readers
ANGEL/Blogs/Wikispaces
Title field IS document title.
This is very easy!
This can be an issue for Web developers
 No one wants to be in Google as “Untitled Page”
Headings and
Subheadings
 Why?
Screen readers read list of headings out
 ANGEL HTML Editor
Heading 1…Heading 6 menu option
 Word
Heading…Heading 6 styles
Use Styles tools to adjust formatting
 PowerPoint
Slide titles
Bulleted list
Poor Link Text
Avoid
For more information about accessibility,
click here
Try This
You can get more information from
http://accessibility.psu.edu
This strategy works across all tools!
Table Captions/Headers
Accessifying Tables
http://accessibility.psu.edu/
http://accessibility.psu.edu/tables
Choose technology option
Website includes
Event Calendar
What To Fix
Fixes for
 Common Tools (covers many teaching tools)
 Multimedia (Video/Animation)
 Web Developer Reference