everyday accessibility confabedu 2014

57
EVERYDAY ACCESSIBILITY Sarah Maxell Crosby @choiceofpies Matt Richardson

Upload: sarah-maxell-crosby

Post on 02-Jul-2015

405 views

Category:

Technology


5 download

DESCRIPTION

Higher education institutions have not only legal but also ethical obligations to make our websites accessible. As content strategists, we can ensure that any content we publish meets accessibility standards, and we must educate other content creators on our campuses. With an emphasis on practical advice and examples from higher ed institutions, this session will provide you with the tools you need to build a better web for all of your users and to empower your site editors to join you in this mission. Learning objectives: --Learn what accessibility means and how it improves the online experience for all users. --Join us as we move through the content development process from start to finish to address accessibility every step of the way. --Discover how to mobilize your site editors as partners in building an accessible website.

TRANSCRIPT

Page 1: Everyday Accessibility ConfabEdu 2014

EVERYDAY

ACCESSIBILITY

Sarah

Maxell Crosby

@choiceofpies

Matt

Richardson

Page 2: Everyday Accessibility ConfabEdu 2014
Page 3: Everyday Accessibility ConfabEdu 2014

ACCESSIBILITY?

What is

Page 4: Everyday Accessibility ConfabEdu 2014

Accessibility is

essential to the Web.

Page 5: Everyday Accessibility ConfabEdu 2014

Accessibility is

a human right.

Page 6: Everyday Accessibility ConfabEdu 2014

Accessibility is

required.

Page 7: Everyday Accessibility ConfabEdu 2014

Accessibility is

our responsibility.

Page 8: Everyday Accessibility ConfabEdu 2014

Who is accessibility for?

Page 9: Everyday Accessibility ConfabEdu 2014

Screen Reader Demosource: http://vimeo.com/cameronmoll

Page 10: Everyday Accessibility ConfabEdu 2014

Accessibility is for all of us.

Page 11: Everyday Accessibility ConfabEdu 2014

Breaking

down

barriers

Page 12: Everyday Accessibility ConfabEdu 2014

W3C’s

Web Content Accessibility

Guidelines

Page 13: Everyday Accessibility ConfabEdu 2014

AAAAA

A? AA? AAA?

Page 14: Everyday Accessibility ConfabEdu 2014
Page 15: Everyday Accessibility ConfabEdu 2014

Color

Page 16: Everyday Accessibility ConfabEdu 2014
Page 17: Everyday Accessibility ConfabEdu 2014
Page 18: Everyday Accessibility ConfabEdu 2014

NAVIGATION

Page 19: Everyday Accessibility ConfabEdu 2014
Page 20: Everyday Accessibility ConfabEdu 2014

IMAGES

Page 21: Everyday Accessibility ConfabEdu 2014

Stupid flag

Page 22: Everyday Accessibility ConfabEdu 2014

ALT TEXT

CAPTION

Page 23: Everyday Accessibility ConfabEdu 2014

Alt text: Students sitting at tables on Collis Porch.

Page 24: Everyday Accessibility ConfabEdu 2014

Caption: The Collis Center is a hub of campus social activity.

Page 25: Everyday Accessibility ConfabEdu 2014

Caption: The Collis Café is a popular campus dining option.

Page 26: Everyday Accessibility ConfabEdu 2014
Page 27: Everyday Accessibility ConfabEdu 2014

Video

Page 28: Everyday Accessibility ConfabEdu 2014

(insert FinAid text example here)

Page 29: Everyday Accessibility ConfabEdu 2014

CAPTIONS?

When should we use

Page 30: Everyday Accessibility ConfabEdu 2014
Page 31: Everyday Accessibility ConfabEdu 2014

VIDEO CAPTIONING SERVICES

~$2.50 a minute for captioning + transcribing

~$1 a minute for captioning + transcribing

~

Page 32: Everyday Accessibility ConfabEdu 2014

AUDIO

Page 33: Everyday Accessibility ConfabEdu 2014

TRANSCRIPTION SERVICES

$1-2.50 a minute depending on speed

~$1 a minute

Page 34: Everyday Accessibility ConfabEdu 2014

MEASURING READABILITY

Page 35: Everyday Accessibility ConfabEdu 2014

Text

Page 36: Everyday Accessibility ConfabEdu 2014
Page 37: Everyday Accessibility ConfabEdu 2014
Page 38: Everyday Accessibility ConfabEdu 2014
Page 39: Everyday Accessibility ConfabEdu 2014
Page 40: Everyday Accessibility ConfabEdu 2014
Page 41: Everyday Accessibility ConfabEdu 2014

TABLES

Page 42: Everyday Accessibility ConfabEdu 2014
Page 43: Everyday Accessibility ConfabEdu 2014

Source: http://www.w3.org/wiki/HTML_tables

Page 44: Everyday Accessibility ConfabEdu 2014

Source: http://www.w3.org/wiki/HTML_tables

Page 45: Everyday Accessibility ConfabEdu 2014

Accessible

content

Page 46: Everyday Accessibility ConfabEdu 2014

Accessible

content strategy

Page 47: Everyday Accessibility ConfabEdu 2014

LANDSCAPE SURVEY

Page 48: Everyday Accessibility ConfabEdu 2014

CONTENT INVENTORY

Page 49: Everyday Accessibility ConfabEdu 2014

PERSONAS

Page 50: Everyday Accessibility ConfabEdu 2014

Testing

Page 51: Everyday Accessibility ConfabEdu 2014

QUALITY ASSURANCE

Page 52: Everyday Accessibility ConfabEdu 2014

QA TOOLS

Color Contrast Analyser

WAVE Accessibility Evaluation

Site Improve

Page 53: Everyday Accessibility ConfabEdu 2014
Page 54: Everyday Accessibility ConfabEdu 2014

Getting site editors

on board

Page 55: Everyday Accessibility ConfabEdu 2014

No color codingAcceptable color contrast levelsClear menu labelsClear and accurate page titlesDescriptive linksAlt text and captions (not the same!)Avoid text in imagesClear, non-visual directions in how-to videosVideo captioningTranscripts for audio filesWriting for the web (clear, simple, concise)Clear and correctly formatted headersProperly formatted tables (for tabular data)

Page 56: Everyday Accessibility ConfabEdu 2014

TOOLS AND SERVICES

Color Contrast Analyzers• WebAIM (online)

• Paciello Group (download)

Full-Site Testing• WAVE Accessibility Evaluation

• Site Improve

Readability Analyzers• Writing Sample Analyzer

• http://read-able.com

Video Captioning• Automatic Sync

• Zen Captions

Audio Captioning• Casting Words

• Rev Transcription

Screen Readers• JAWS (free 30 min. trial)

• NVDA (free)