Creating Accessible Web Content

10
Creating Accessible Web Content Rick Hill Web CMS Administrator Office of Strategic Communications

description

This presentation will provide a brief overview of Web accessibility issues and its importance to high-ed websites. Then we'll look at methods, tools and resources for creating and testing accessible Web content. Finally, we'll explore some specific techniques that can be applied to Cascade designs to improve site accessibility.

Transcript of Creating Accessible Web Content

Page 1: Creating Accessible Web Content

Creating Accessible Web Content

Rick HillWeb CMS AdministratorOffice of Strategic Communications

Page 2: Creating Accessible Web Content

Strategic Communications

Cascade Environment Matters

Decentralized

Centralized

CONTENTCONTRO

L

• Number of sites, pages, users• Static or dynamic content• Server side or client-side

Page 3: Creating Accessible Web Content

Strategic Communications

Why WCAG 2 AA and not 508?

• 508 based on WGAG 1• 508 update: WCAG 2 AA • WCAG 2 is technology agnostic• International standard• Can validate against both

Page 4: Creating Accessible Web Content

Strategic Communications

What is WCAG 2 AA?

• W3C Web Accessibility Initiative• WCAG 2.0 principles

• Perceivable• Operable• Understandable• Robust

• Conformance levels - A, AA, AAA

Page 5: Creating Accessible Web Content

Strategic Communications

Basic Design Considerations

• User-centric • Logical information architecture• Standard (X)HTML • Use CSS and JavaScript appropriately• Use fonts approriately• Write for the Web• Optimize content

Page 6: Creating Accessible Web Content

Strategic CommunicationsStrategic Communications

Cascade Design Tips

• Minimize WYSIWYG editor need• Data definitions use good practices• Provide appropriate overides• Style for hover and focus

Page 7: Creating Accessible Web Content

Strategic CommunicationsStrategic Communications

Basic Compliance Testing

• Validate• No mouse• Disable CSS• Disable images• Zoom text• Check contrast

• Data tables• Forms• Multimedia• Flicker• Cross browser• Cross device

Page 8: Creating Accessible Web Content

Strategic Communications

Robust Compliance Testing

• No tool tests completely• Free and commercial tools• Scheduled scans• AT browsers• User testing• Other Web content• Cascade integrated testing?

Page 9: Creating Accessible Web Content

Strategic Communications

Training

• Training is important!• What can a user do:

• Alt for images• Tables for data only• Links don’t open new windows/tabs• iframes• Writing for the Web

Page 10: Creating Accessible Web Content

Strategic Communications

Tim Berners-LeeW3C DirectorInventor of the World Wide Web

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.