Transcript Web Accessibility - Madison Area Technical College

Web Accessibility
MATC Compliance
web accessibility
At least 20% of users are affected by
conformance of web accessibility
initiatives.
Many more are affected by poor design.
common barriers
•
•
•
•
•
Issues with images
Misuse of structure elements
Audio/Video issues
Table issue
Sites with poor color contrast
essential components
• 508 web standards (legal standards)
• W3C recommended standards
– Web Content Accessibility Guidelines
– Authoring Tools Accessibility Guidelines
– User Agent Accessibility Guidelines
– XML Accessibility Guidelines (in work)
basic tips
Images and Animation
Use an “alt” attribute to describe
the image or animation.
basic tips
Images Maps
Use an “alt” attribute on an
image element and a “title”
attribute on a link element.
basic tips
Multimedia
Caption the audio portion of your
multimedia presentation. Sync the
captioning with the video. Include an
audio description of the visual
information. Make sure the audio
has text transcripts available.
basic tips
Hypertext Links
Create links so that the words
make sense when they are read
out loud.
basic tips
Page Organization
Use headings, bullet lists, and
consistent structure – separate
presentation with content using
Cascading Style Sheets (CSS).
basic tips
Graphs and Charts
Summarize these by using the
“longdesc” attribute. Longdesc
creates a link to another html
document with descriptive text.
basic tips
Scripts, Applets and Plug-ins
Provide alternative content in
case features are inaccessible
or unsupported.
basic tips
Frames
Don’t use frames. Add meaningful
titles to the frame elements to help
with frame identification and
navigation until you can convert.
basic tips
Tables
Don’t use tables for layout
purposes. Make headings
and data flow.
basic tips
Color
Make sure any information that
uses color can be conveyed
without the use of color.
basic tips
Style Sheets
Don’t override client created
style sheets. You may make your
content unavailable to those users.
basic tips
Screen Flickers
Don’t create animated gifs, java
applets, or third-party plug-in
applications that causes the
screen to flicker at a high
frequency. It could cause seizures.
basic tips
Identify Plug-In Links
Use our third-party download
page as a link reference.
http://matcmadison.edu/matc/browserhelperapps/
basic tips
Electronic Forms
Set tab order. Keep labels with
form elements. Don’t separate
them by using table data cells.
basic tips
Write Clear and Concise
Include accurate headings.
Avoid complex structures.
basic tips
Check Your Work
Use online validators such as
those found on the W3C web site.
Web Accessibility
How do your pages comply?