Optimizing Web Accessibility: Overcoming Common Blockers
Learn how to address major blockers hindering web accessibility, such as missing ALT text, poor link text, and lack of titles and headings. Discover simple fixes and resources for a more inclusive online presence.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Blockers: What do I REALLY Need to Fix? Elizabeth Pyatt, ejp10@psu.edu
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!
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
