Web Accessibility: What you need to know and why - PowerPoint Presentation

Slide1

Web Accessibility:What you need to know and why

created by

Accessibility Team

presented by

Kyle Shachmut, Vittorio Bucchieri, Curtis WilcoxSlide2

Accessibility Teamaccessibility.huit.harvard.edu2

Mildene

Bradley

Administrative

Technology Services (Security & Accessibility)

617

496

1

465

Vittorio Bucchieri

Teaching & Learning Technologies

vittorio_bucchieri@harvard.edu

Michele

Clopper

University Disability Services

617 495 1859

Richard Clinch

Harvard Web Publishing

617 384 6579 

Amy

Deschenes

Harvard Libraries

617 496 2619

Michael

Hilborn

Academic Technology Development

617 384 9380 

Luke Juergens

Administrative Technology Services (Campus Services)

617 496 5111

Scott Kearney

Administrative Technology Services (FAS)

617 384 7201

Mike Lawrence

HUIT Architecture & Engineering

mike_lawrence@harvard.edu

Richard

Ohlsten

Administrative Systems (CAADS)

617 495 1026

Kyle

Shachmut

HarvardX

kyle_shachmut@harvard.edu

Janet Taylor

Library Technology Services

617 495 3724

Curtis Wilcox

FAS Instructional Media Services /

Assistive Technology Center (ATC)

ccwilcox@fas.harvard.eduSlide3

What is accessibility?Digital accessibility means making electronic content available to and usable by everyone, including and especially people with disabilitiesaccessibility.huit.harvard.edu

3Slide4

Why strive for accessibility?Improves usability of digital content for everyone, including people with disabilities

Improves

overall user experience

Enhances clarity for

non-native English

speakers

accessibility.huit.harvard.edu

4Slide5

Benefits of accessible contentReduces development effort when accessibility is considered from the start

Reduces

cost

when problems are addressed before

users

encounter accessibility

barriers

Increases search engine

optimization

& content

findability

Demonstrates

inclusiveness

accessibility.huit.harvard.edu

5Slide6

What does accessibility ‘look’ like?Using a screen reader, we will explore the Accessible University 3.0 site from UW’s DO-IT

Center. The

before and after links demonstrate the same site with and without accessibility

improvements that are

very apparent to users of assistive technology.

The

“about” link explains the accessibility enhancements that make all the difference.

About Accessible University:

https://www.washington.edu/accesscomputing/AU/

AU (accessible):

https://www.washington.edu/accesscomputing/AU/after.html

AU (inaccessible):

https://www.washington.edu/accesscomputing/AU/before.html

accessibility.huit.harvard.edu

6Slide7

Online accessibility websiteaccessibility.huit.harvard.edu7Slide8

Online accessibility website – Content Creatorsaccessibility.huit.harvard.edu8

This section is for people who create and publish content on websites.

It contains best practices, examples, testing methods, and resources to support WCAG 2.0 guidelines.

Web content optimized for usability.

Focus on content and features that provide the greatest impact.

Content

separated

from visual information.

Navigational framework is provided.

Content optimized for legibility and readability.

Minimize barriers with plain language.

Images and media available to

everyone.Slide9

Online accessibility website – Developers

accessibility.huit.harvard.edu

9

This section is for people who develop websites and web applications.

It contains best practices, examples, testing methods, and resources to support WCAG 2.0 guidelines.

Key web content areas of focus.

Built to standards so that content is stable, robust and secure.

Content designed for maximum usability.

Content created without reliance on color or other visual elements.

Visual content accessible by assistive technologies.Slide10

Online accessibility website – Resourcesaccessibility.huit.harvard.edu

10

This section contains resources to support accessible web content creation and development.

Help to identify specific accessibility issues.

Terminology used when working on accessibility. 

Resources for accessibility and user experience information.

Information for the creation of accessible media.

Information for accessible labs and third-party tools and resources.Slide11

Online accessibility website – HUIT Policyaccessibility.huit.harvard.edu11Slide12

Online accessibility website – Techniquesaccessibility.huit.harvard.edu

12

This section includes coding and other specific instructions about how to meet accessibility guidelines, which are organized by:

Techniques categorized by different types of disability.

Different tools people use to help them access content.

WCAG 2.0 principles of web accessibility.

Different interface patterns.

Web technologies we incorporate in accessible interfaces.Slide13

Techniques✎ Technique: Identifying headings✎ Technique: Writing link text✎ Technique: Accessible modal dialogsUse accessible design patterns

accessibility.huit.harvard.edu

13Slide14

Accessibility testing tools – IntroductionSingle page testingSite crawling capabilityReporting &track progress over time

Plain language fix suggestions

Detailed reports and how to fix (with code examples)

accessibility.huit.harvard.edu

14

Facilitates testing:

Automated

Manual

Assistive technologySlide15

Accessibility testing tools – at HarvardU-DO-IT for CanvasSite Improve for web pagesAMP [Accessibility Management Platform] for web pages & applications

accessibility.huit.harvard.edu

15Slide16

Next steps – for everyone . . .Take a tour of the Online Accessibility website (accessibility.huit.harvard.edu).Use the website as a resource as you build new content or web pages.Watch for news and training about the Harvard University accessibility testing tool If you need assistance or answers to questions, please contact

Accessibility team members

.

accessibility.huit.harvard.edu

16