Transcript Discussion Board Best Practices

Evaluating Web Content
for Accessibility
Jayme Johnson
Tuesday, April 28, 2015
For audio call Toll Free 1-888-886-3951
and use PIN/code 432686
Audio Settings
Chat Messages
If you have a question during
the webinar, please type it in
the chat window, and preface
it with ??? This will help
streamline the question and
answer process.
Have a Question? Type it in the chat
window and preface it with ???
Participant Interaction
*
*
Closed Caption
Save Chat or Whiteboard
Evaluating Web Content
for Accessibility
Jayme Johnson
Tuesday, April 28, 2015
If you have a question during
the webinar, please type it in
the chat window and preface
it with ??? This will help
streamline the question and
answer process.
Overview
• Key considerations for accessibility
• What to look for
• How to evaluate what you’re looking at
• A basic process for evaluating accessibility
• Demonstration of tools
• Resources for further study
Resources, links to tools, and presentation are available at:
http://tinyurl.com/OEIaccessibility
Key Considerations for Web Accessibility
• Valid HTML (according to the standard)
• Deconstructing the magic
• Container vs. Content
• Message vs. medium
• One document (try)
What to Look For
• Digital text, with style! (H1, H2, H3, etc.)
• Non-textual content described with digital text
• Interactive elements, form fields, dynamic content
• Bolt-on technologies vs. “PURE” HTML
• Appropriate use of color and contrast
• STEM content
• Complex combinations and data structures
• Clear and helpful language
• Keyboard navigation and control of interaction
Evaluating Web Content
• The truth is in the source (the HTML code)
• Different browsers sometimes tell different stories
• Tools to help clarify issues of concern:
•
•
•
•
WAVE toolbar plugin and WAVE testing engine
Web Developer Toolbar
Developer tools for Chrome, Firefox, and IE
Automated tools
• Keyboard navigation and interaction
• Assistive Technologies
A Basic Process
•
•
•
•
Visual scan
Right-clicking (and other secret tools)
Identify bolt-on media and complex data
Examine interactive elements and form fields
•
•
•
•
Ensure proper labels are in place
Ensure keyboard controllability
Verify sequencing is logical and correct
Avoid redundant or confusing labeling
• Consider different browsers
• Use the keyboard to accomplish the task/purpose
Let me show you how easy it is…
Summing it up…
• Evaluate both the big picture and the little details.
• Ensure you have headings, alt text, and form labels.
• Use WAVE and/or developer tools in the browser.
• Keyboard commands are your friends.
• Don’t be afraid to ask for help: [email protected]
Questions?
Thank You!
Email me at:
[email protected]
Evaluation Survey
Help us improve our seminars by filling out a
short online evaluation survey at:
https://www.surveymonkey.com/r/WebContentforAccessibility
Have a Question?
Preface it with ??? in the chat window