• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Das Web zum Mitmachen: Barrieren in der Praxis
 

Das Web zum Mitmachen: Barrieren in der Praxis

on

  • 3,231 views

A-Tag07: Barrierefreie Medien, Wien 2007

A-Tag07: Barrierefreie Medien, Wien 2007

Statistics

Views

Total Views
3,231
Views on SlideShare
3,228
Embed Views
3

Actions

Likes
3
Downloads
19
Comments
0

3 Embeds 3

http://static.slideshare.net 1
http://office.barrierefrei-wissen-wie.de 1
https://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Das Web zum Mitmachen: Barrieren in der Praxis Das Web zum Mitmachen: Barrieren in der Praxis Presentation Transcript

    • Das Web zum Mitmachen: Barrieren in der Praxis
    • Tomas Caspers berät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher darüber und hält Vorträge (und mag Akzidenz-Grotesk viel lieber als Helvetica).
    • http://www.patramsey.net/2007/the-accessible-web/
    • Party like it's ? 1999
    • Frames! Farbige Scrollbalken! Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! Die aktuelle Uhrzeit! Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
    • Frames! Farbige Scrollbalken! Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! BÖSE! Die aktuelle Uhrzeit! Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
    • Frames! Farbige Scrollbalken! Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! Die aktuelle Uhrzeit! Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
    • Frames! Farbige Scrollbalken! NOCH Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! Die aktuelle Uhrzeit! IMMER Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! BÖSE! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
    • Checklisten- Syndrom?
    • WCAG2.0? 10 PRINT quot;WCAGquot; 20 GOTO 10
    • Der Praxisteil: • Flash- & AJAX-Mythen
    • Der Praxisteil: • Flash- & AJAX-Mythen (Standardistus argumentatavum Maximus)
    • Mythos №1 ? • Flash & AJAX sind: nix für Suchmaschinen
    • Mythos №2 ? • Flash ist: nicht barrierefrei
    • http://flexapps.macromedia.com/flex15/blogreader/blogreader.mxml?accessible=true
    • Mythos №3 ? • Flash & AJAX sind: nix für Screenreader
    • http://de.wikipedia.org/wiki/OpenLaszlo
    • Mythos №4 ? • Flash ist: nix für Sehbehinderte
    • Der Praxisteil: ! http://www.kaourantin.net/swf/highContrast.html http://niquimerret.com/fontresize/ Psst: System.capabilities.hasAccessibility:true
    • Mythos №5 ? • Flash & AJAX sind: Schuld an ...
    • http://www.flickr.com/photos/53407766@N00/55806664
    • Mythos №6 ? • Flash & AJAX sind: abgeschaltet
    • 79% aller Statistiken sind gefälscht! (diese eingerechnet)
    • Mythos №7 ? • Flash & AJAX sind: viel Arbeit, wenn man es barrierefrei machen will
    • Mythos №7 ! • Stimmt.
    • Der Praxisteil: (endlich)
    • © http://www.flickr.com/photos/chuckbiscuito/161971512/ Real World User Testing
    • © http://www.flickr.com/photos/kosmar/323809582/
    • Applikation != Dokument
    • Die 4 Prinzipien: POUR
    • Die 4 Prinzipien: (der WCAG 2)* 1. Wahrnehmbar 2. Bedienbar 3. Verständlich 4. Technisch robust * http://www.w3.org/TR/WCAG20/
    • Wahrnehmbar?
    • ?
    • Bedienbar?
    • Bedienbar? 1. oder 1. oder 1. oder?
    • © http://www.frequency-decoder.com/demo/date-picker-v2/
    • Verständlich?
    • =+ –( weniger ist mehr )
    • Robust?
    • Danke für‘s Zuhören! <a href=“mailto:tomas@tomascaspers.de“>Fragen?</a>
    • CC <a href=“http://creativecommons.org/licenses/by-sa/2.0/de/ deed.de“ rel=“license“>Attribution-ShareAlike</a>
    • 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_Regions http://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