57
Das Web zum Mitmachen: Barrieren in der Praxis

Das Web zum Mitmachen: Barrieren in der Praxis

Embed Size (px)

DESCRIPTION

A-Tag07: Barrierefreie Medien, Wien 2007

Citation preview

Page 1: Das Web zum Mitmachen: Barrieren in der Praxis

Das Web zum Mitmachen:Barrieren in der Praxis

Page 2: Das Web zum Mitmachen: Barrieren in der Praxis

Tomas Caspersberät Industrie, NGOs und Behörden, baut Websites,schreibt Bücher darüberund hält Vorträge

(und mag Akzidenz-Grotesk viel lieber als Helvetica).

Page 4: Das Web zum Mitmachen: Barrieren in der Praxis
Page 5: Das Web zum Mitmachen: Barrieren in der Praxis
Page 6: Das Web zum Mitmachen: Barrieren in der Praxis
Page 7: Das Web zum Mitmachen: Barrieren in der Praxis

?1999

Party like it's

Page 8: Das Web zum Mitmachen: Barrieren in der Praxis

Aufklappmenüs!

Die aktuelle Uhrzeit!

Countdown bis Weihnachten!

Frames!

<A onMouseOver="window.status='hier klicken!'; return true;">

Pop-Ups!

Browser-Chrome verstecken!

Seitenübergänge!

Hintergrundmusik!

Ticker!

Farbige Scrollbalken!

Animierte Schneeflocken!

Page 9: Das Web zum Mitmachen: Barrieren in der Praxis

Aufklappmenüs!

Die aktuelle Uhrzeit!

Countdown bis Weihnachten!

Frames!

<A onMouseOver="window.status='hier klicken!'; return true;">

Pop-Ups!

Browser-Chrome verstecken!

Seitenübergänge!

Hintergrundmusik!

Ticker!

Farbige Scrollbalken!

Animierte Schneeflocken!

BÖSE!

Page 10: Das Web zum Mitmachen: Barrieren in der Praxis

Aufklappmenüs!

Die aktuelle Uhrzeit!

Countdown bis Weihnachten!

Frames!

<A onMouseOver="window.status='hier klicken!'; return true;">

Pop-Ups!

Browser-Chrome verstecken!

Seitenübergänge!

Hintergrundmusik!

Ticker!

Farbige Scrollbalken!

Animierte Schneeflocken!

Page 11: Das Web zum Mitmachen: Barrieren in der Praxis

Aufklappmenüs!

Die aktuelle Uhrzeit!

Countdown bis Weihnachten!

Frames!

<A onMouseOver="window.status='hier klicken!'; return true;">

Pop-Ups!

Browser-Chrome verstecken!

Seitenübergänge!

Hintergrundmusik!

Ticker!

Farbige Scrollbalken!

Animierte Schneeflocken!NOCH

IMMERBÖSE!

Page 12: Das Web zum Mitmachen: Barrieren in der Praxis

Checklisten-Syndrom?

Page 13: Das Web zum Mitmachen: Barrieren in der Praxis

10 PRINT "WCAG"20 GOTO 10

WCAG2.0?

Page 14: Das Web zum Mitmachen: Barrieren in der Praxis

Der Praxisteil:

• Flash- & AJAX-Mythen

Page 15: Das Web zum Mitmachen: Barrieren in der Praxis

Der Praxisteil:

(Standardistus argumentatavum Maximus)

• Flash- & AJAX-Mythen

Page 16: Das Web zum Mitmachen: Barrieren in der Praxis

?Mythos №1

• Flash & AJAX sind: nix für Suchmaschinen

Page 17: Das Web zum Mitmachen: Barrieren in der Praxis
Page 18: Das Web zum Mitmachen: Barrieren in der Praxis

• Flash ist: nicht barrierefrei?

Mythos №2

Page 19: Das Web zum Mitmachen: Barrieren in der Praxis
Page 21: Das Web zum Mitmachen: Barrieren in der Praxis
Page 22: Das Web zum Mitmachen: Barrieren in der Praxis
Page 23: Das Web zum Mitmachen: Barrieren in der Praxis

?• Flash & AJAX sind:

nix für Screenreader

Mythos №3

Page 25: Das Web zum Mitmachen: Barrieren in der Praxis

?• Flash ist:

nix für Sehbehinderte

Mythos №4

Page 26: Das Web zum Mitmachen: Barrieren in der Praxis

!Der Praxisteil:

http://www.kaourantin.net/swf/highContrast.html

http://niquimerret.com/fontresize/

Psst: System.capabilities.hasAccessibility:true

Page 27: Das Web zum Mitmachen: Barrieren in der Praxis

?• Flash & AJAX sind:

Schuld an ...

Mythos №5

Page 29: Das Web zum Mitmachen: Barrieren in der Praxis

?• Flash & AJAX sind:

abgeschaltet

Mythos №6

Page 30: Das Web zum Mitmachen: Barrieren in der Praxis

79%aller Statistikensind gefälscht!

(diese eingerechnet)

Page 31: Das Web zum Mitmachen: Barrieren in der Praxis

?• Flash & AJAX sind:

viel Arbeit,wenn man es barrierefrei machen will

Mythos №7

Page 32: Das Web zum Mitmachen: Barrieren in der Praxis

• Stimmt.

!Mythos №7

Page 33: Das Web zum Mitmachen: Barrieren in der Praxis

Der Praxisteil:

(endlich)

Page 34: Das Web zum Mitmachen: Barrieren in der Praxis
Page 35: Das Web zum Mitmachen: Barrieren in der Praxis

Real World User Testing

© http://www.flickr.com/photos/chuckbiscuito/161971512/

Page 36: Das Web zum Mitmachen: Barrieren in der Praxis

© http://www.flickr.com/photos/kosmar/323809582/

Page 37: Das Web zum Mitmachen: Barrieren in der Praxis

Applikation

! =Dokument

Page 38: Das Web zum Mitmachen: Barrieren in der Praxis

POUR

Die 4 Prinzipien:

Page 39: Das Web zum Mitmachen: Barrieren in der Praxis

(der WCAG 2)*

1. Wahrnehmbar

2. Bedienbar

3. Verständlich

4. Technisch robust

Die 4 Prinzipien:

* http://www.w3.org/TR/WCAG20/

Page 40: Das Web zum Mitmachen: Barrieren in der Praxis

Wahrnehmbar?

Page 41: Das Web zum Mitmachen: Barrieren in der Praxis
Page 42: Das Web zum Mitmachen: Barrieren in der Praxis
Page 43: Das Web zum Mitmachen: Barrieren in der Praxis

?

Page 44: Das Web zum Mitmachen: Barrieren in der Praxis

Bedienbar?

Page 45: Das Web zum Mitmachen: Barrieren in der Praxis

1. oder 1. oder 1. oder?

Bedienbar?

Page 47: Das Web zum Mitmachen: Barrieren in der Praxis
Page 48: Das Web zum Mitmachen: Barrieren in der Praxis
Page 49: Das Web zum Mitmachen: Barrieren in der Praxis
Page 50: Das Web zum Mitmachen: Barrieren in der Praxis
Page 51: Das Web zum Mitmachen: Barrieren in der Praxis

Verständlich?

Page 52: Das Web zum Mitmachen: Barrieren in der Praxis

= +( weniger ist mehr )

Page 53: Das Web zum Mitmachen: Barrieren in der Praxis

Robust?

Page 54: Das Web zum Mitmachen: Barrieren in der Praxis
Page 55: Das Web zum Mitmachen: Barrieren in der Praxis

Danke für‘s Zuhören!<a href=“mailto:[email protected]“>Fragen?</a>

Page 56: Das Web zum Mitmachen: Barrieren in der Praxis

CC<a href=“http://creativecommons.org/licenses/by-sa/2.0/de/

deed.de“ rel=“license“>Attribution-ShareAlike</a>

Page 57: Das Web zum Mitmachen: Barrieren in der Praxis

URLs:Zugängliches Flash:

http://www.kaourantin.net/swf/highContrast.html

http://niquimerret.com/fontresize/http://www.bbc.co.uk/accessibility/bbc/mainnews.shtml

http://www.bbc.co.uk/cbeebies/grownups/special_needs/physical_dev/switch/http://www.bbc.co.uk/cbbc/games/switch/

http://usabletype.com/weblog/flexing-your-apps/

http://www.webaim.org/techniques/flash/http://www.jkrowling.com/

Zugängliches AJAX:

http://developer.mozilla.org/en/docs/AJAX:WAI_ARIA_Live_Regionshttp://developer.mozilla.org/en/docs/ARIA_to_API_mapping

http://www.sitepoint.com/blogs/2007/04/30/javascript-and-screen-readers/http://accessibleajax.clcworld.net/

http://www.frequency-decoder.com/2006/10/02/unobtrusive-date-picker-widgit-update/

Testwerkzeuge:

„Active Accessibility 2.0 SDK Tools“ - http://www.microsoft.com/downloads/details.aspx...„Accerciser“ - http://live.gnome.org/Accerciser