Basics of Website Accessibility

Access for All: Basics of Website Accessibility for Leaders

#13NTCwal

Cindy Leonard@[email protected]

Bayer Center for Nonprofit Management

at Robert Morris University

Slide 2Access for All: Basics of Website Accessibility for Leaders

Session Agenda

• What is website accessibility?

• Assistive computing technology

• Web accessibility standards

• Benefits of having an accessible website

• Questions for your web developer

• Quick tips for your org’s website

Slide 3

Image source: Hityourmarketi.com

What isWebAccessibility?


Slide 4

Image source: dom-iris.si/images/prilagoditve-komunikacija1_en.gif


Slide 5

Image source: www.communities-ontheweb.com/images/BrailleReader.jpg


Slide 6

Image source: 2.bp.blogspot.com/_fSq2BTxHxIY/TBbYXl4L9zI/AAAAAAAAAG4/E691lD5v14I/s1600/shapiro1.jpg


Slide 7

Image source: www.abilityconnectiontexas.org/images/AT_RLTT_002.jpg


Slide 8

Image source: www.scn.org/star/techphotos/intelikeys2.jpg


Slide 9

WCAG 2.0

Image source: www.w3.org/WAI/


Slide 10

Section 508

Image source: www.extron.com/product/img/section508_logo3.gif


Slide 11

Benefits of Having an Accessible Website

Image source: stritar.net/Upload/Images/BrowserIcons.jpg


Slide 12


Image source: website-serve.com/wp-content/uploads/Search_Engines.png


Slide 13


csszengarden.com


Slide 14


Image source: zoominlocal.com/pub-files/12597620344b167172924e4/pub/Get_connected_sup/lib/12881710424cc7ee22890c2.jpg


Slide 15


Image source: img.howcast.com/images/info/mobile/howcast-on-mobile-devices.jpg


Slide 16

Questions to Ask Your Web Developer

Do you conform to Web standards?

Will it cost more to make my Website accessible?

Can you explain the measures you will take to ensure our Website is accessible?

Based on our community & Website goals, are there any additional accessibility or usability features you would recommend for us?

Source: Tiffany Kuchta, Allegheny Graphics Web Development


Slide 17

Questions to Ask Your Web Developer

Who will maintain the site once it has been built?

If it’s your company, do your maintenance tech conform to the same accessibility standards as your developers?

If it’s our organization, how do we ensure new content meets accessibility standards?

Source: Tiffany Kuchta, Allegheny Graphics Web Development


Slide 18

Quick Tip: Use ALT tags on images

Image source: http://www.whitehouse.gov/about/presidents/georgewashington

<img src=“georgewashington.png alt=“George Washington 1789 - 1797” /><h1>George Washington</h1>

<a href=“/”><img src=“nten-logo.png alt=“Home – NTEN.org” /></a>

Use text when you can instead of embedding it in an image.


Slide 19

Quick Tip: Improve readability of text

Readability

Language

Lists

Shorter Paragraphs

Narrower Columns

ConciseInverted Pyramid

Graphics & Images

Font Size

Contrast


Slide 20

Quick Tip: Make link text meaningful

Image source : http://www.reuters.com/


Slide 21

Quick Tip: Make link text meaningful

Image source: http://www.hhof.com/


Evaluate This Session!Each entry is a chance to win an NTEN engraved iPad!

or Online using #13NTCwal at www.nten.org/ntc/eval

Technology

Basics of Website Accessibility