accessible web applications

33
Accessible web applica,ons Chris,an Heilmann ‐ European Accessibility Forum, Frankfurt/Main, 27/03/09

Upload: christian-heilmann

Post on 22-Apr-2015

10.829 views

Category:

Design


0 download

DESCRIPTION

My presentation at the panel on accessible web applications at the European Accessibility Forum in Frankfurt

TRANSCRIPT

Page 1: Accessible web applications

Accessibleweb applica,ons

Chris,an Heilmann ‐ European Accessibility Forum, Frankfurt/Main, 27/03/09

Page 2: Accessible web applications

A lot of web applica,ons are not accessible.

Page 3: Accessible web applications

There are several reasons for this.

Page 4: Accessible web applications

Changing exis,ng web applica,ons is possible, 

but a pain.

Page 5: Accessible web applications

In a lot of cases, maintainers of web apps are simply not aware of the issues they cause.

Page 6: Accessible web applications

hJp://scrip,ngenabled.org/presenta,ons/

So we need to find and tell people the real informa,on.

Page 7: Accessible web applications

And then show in easy proof of concepts that the change can happen and have an impact.

Page 8: Accessible web applications
Page 9: Accessible web applications

This can have a massive impact.

Page 13: Accessible web applications
Page 14: Accessible web applications

Do you need to be a coding wizard to show how changes can be 

made?

Page 17: Accessible web applications

This can help you with an  exis,ng app, but what about new ones?

Page 18: Accessible web applications

What we should concentrate on is how do we create new apps in a way that is accessible.

Page 19: Accessible web applications

Here are some ideas...

Page 20: Accessible web applications

Simplicity

Page 21: Accessible web applications

List of links?ARIA enabled tab control?

Page 22: Accessible web applications

How about radio group?

Page 23: Accessible web applications

Data table?Grid control?

Page 24: Accessible web applications

What about a heading structure with lists and clever CSS?

Page 25: Accessible web applications

Excellence

Page 27: Accessible web applications

Re‐use

Page 28: Accessible web applications

Web applica,ons can be built using exis,ng lego 

bricks of controls.

Page 29: Accessible web applications

We’ve already created all of these bricks in libraries: Dojo, YUI, 

jQuery...

Page 30: Accessible web applications

And now more and more of those get ARIA 

support for accessibility.

Page 32: Accessible web applications

And we share our findings and ideas.

Page 33: Accessible web applications

All we want is for you to make it worth our while by building upon our 

efforts.