namics Weblog
namics Weblog.
Persönliche Stimmen und Meinungen von Mitarbeiterinnen und Mitarbeitern.
namics @ www.flickr.com

Links

  • Sharepoint Weblog
  • about:namics
  • Accessibility & Barrierefreiheit
  • namics Website

AKTUELLE ARTIKEL

  • Padding for fun and for profit
  • Der Geschäftswert von Barrierefreiheit (Europäisches Accessibility Forum)
  • Highlights unserer Konferenz zu Barrierefreiheit
  • Technologienutzung ohne Barrieren
  • Tastaturbedienung von Google Maps
  • Europäisches Accessibility Forum Frankfurt, 27. März
  • A-Tag in Wien
  • Accessibility and Business Value Study
  • Suchbild: Wo sind die Fehler versteckt?
  • @media 2008

Kategorien

  • Accessibility
  • Blogging
  • Business
  • CEO-Post
  • Collaboration
  • Conversion Rate Optimization
  • Design
  • Fehlermeldungen
  • Gesellschaft
  • Information Retrieval
  • Lotusphere
  • Mobile
  • Online Marketing
  • Orbit-iEX
  • Project Management
  • SEO+SEM
  • Technologie
  • Vorträge
  • Web Analytics

Archive

  • Mai 2009
  • April 2009
  • März 2009
  • Februar 2009
  • Januar 2009
  • Dezember 2008
  • November 2008
  • Oktober 2008
  • September 2008
  • August 2008
  • Juli 2008
  • Juni 2008
  • Mai 2008
  • April 2008
  • März 2008
  • Februar 2008
  • Januar 2008
  • Dezember 2007
  • November 2007
  • Oktober 2007
  • September 2007
  • August 2007
  • Juli 2007
  • Juni 2007
  • Mai 2007
  • April 2007
  • März 2007
  • Februar 2007
  • Januar 2007
  • Dezember 2006
  • November 2006
  • Oktober 2006
  • September 2006
  • August 2006
  • Juli 2006
  • Juni 2006
  • Mai 2006
  • April 2006
  • März 2006
  • Februar 2006
  • Januar 2006
  • Dezember 2005
  • November 2005
  • Oktober 2005
  • September 2005
  • August 2005
  • Juli 2005
  • Juni 2005
  • Mai 2005
  • April 2005
  • März 2005
  • Februar 2005
  • Januar 2005
  • September 2004
  • August 2004
  • Juli 2004
  • Juni 2004
  • Mai 2004
  • April 2004
  • Februar 2004
  • Februar 2003

XML und Mumbo Jumbo

  • namics ag
  • namics ag
  • namics ag
  • Atom Feed
  • RSS 2.0 Feed
  • Creative Commons License
    Dieses Weblog untersteht der Creative Commons Lizenz
  • Powered by Movable Type 3.35
22
Apr
Padding for fun and for profit
gepostet von Martin Kliehm am 22.04.2009 um 11:00

Es gibt eine Reihe von Websites, auf denen man Bahnfahrkarten kaufen kann, aber in Deutschland kaufen wahrscheinlich die meisten ihre Tickets auf der Website der Deutschen Bahn. Es wurde schon einiges über die Barrierefreiheit dieser Seite gesagt, und es ist sicher noch Potential für Verbesserungen da. Aber einige Dinge funktionieren einfach gut:

Ich war für die Programmierung für das meiste unterhalb der Navigationsleiste auf der Startseite zuständig, und jedesmal, wenn ich ein Bahnticket buche, gibt es da ein kleines Detail, das mir sehr viel Freude bereitet: Die Buttons für die Datumsauswahl sind wirklich sehr, sehr klein (16 × 8px). Wie wir dank Fitt‘s Law wissen, gibt es sogar mathematische Formeln, um zu berechnen, wie viel besser große Bedienelemente zu treffen sind.

Also habe ich einfach etwas Padding hinzugefügt. Und das macht einen riesigen Unterschied: versuchen Sie mal, später im Buchungsprozess die gleichen Buttons zu treffen, bei denen das Padding fehlt. Aber hier kann man recht grobmotorisch einfach in die Nähe gehen, der Mauszeiger wird zur Hand, man klickt, und es funktioniert.

Screenshot des Paddings bei den Bedienlementen zur Datumsauswahl

Wenn ich nur eine Verbesserung hinzufügen könnte, wäre das Tastaturbedienbarkeit auf diesen Buttons. Leider kam das Modul zur Datumsauswahl von Dritten, und ich hatte keinen Einfluss mehr auf die finale Implementierung, in der das zusammengefügt wurde. In anderen Modulen gibt es aber Tastaturbedienbarkeit: Die Deutsche Bahn kümmert sich um die Belange von Menschen mit Behinderungen, und die Berater in ihrem Gremium für Barrierefreiheit sind extrem kompetent, weswegen ich eigentlich darauf vertraue, dass diese und andere Barrieren bald behoben sein werden …

5 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
27
Mär
Der Geschäftswert von Barrierefreiheit (Europäisches Accessibility Forum)
gepostet von Jürg Stuker am 27.03.2009 um 22:13

Heute durfte ich an der EAFRA (Europäisches Accessibility Forum) in Frankfurt das Panel "Der Geschäftswert von Barrierefreiheit" moderieren.

Die Teilnehmer eröffneten die Diskussion je mit einer rund zehn minütigen Präsentation, welche ich hier zur Verfügung stelle.

- The Business Value of Accessibility: Challenges & Opportunities [pdf, 1,3MB]
(Charlotte McClain-Nhlapo, Senior Operations Officer, The World Bank)

- the business value of accessibility: Orange’s perspective [pdf, 370KB]
(François René Germain, Group Vice President, Director of the Group Accessibility department)

- Maßnahmen der Barrierefreiheit bei der Deutschen Bahn [pdf, 340KB]
(Ellen Engel, Leiterin soziodemographische und mobilitätseingeschränkte Zielgruppen, Deutsche Bahn)

PS: Ich konnte es nicht verkneifen ein Handy-Bild am meinem Platz zu machen, während ich die Diskussion des Publikums auf Twitter verfolgte.

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
11
Mär
Highlights unserer Konferenz zu Barrierefreiheit
gepostet von Martin Kliehm am 11.03.2009 um 18:00

namics veranstaltet in knapp zwei Wochen eine große Konferenz zu Barrierefreiheit, das Europäische Accessibility Forum Frankfurt am 27. März. Es ist eine einzigartige Veranstaltung, denn ohne Übertreibung: ein so hochkarätig und international besetztes Podium findet man selten, und in Europa noch seltener.

eafra-header-ausschnitt.jpg

Die Besonderheit liegt auch darin, dass wir nicht die zweihundertste Screenreader-Demo zeigen wollen oder Barrierefreiheit ausschließlich für Barrierefreiheitsexperten. Nein, wir wollen Barrierefreiheit von außen beleuchten, aus unterschiedlichsten, brandaktuellen Perspektiven. Zum Beispiel von der technischen Seite, aber aus den Perspektiven Web-Anwendungen und mobiler Zugang. Und vor allem von der geschäftlichen Seite: Warum gibt es in Europa keine einheitlichen Richtlinien? Woran mangelt es in der Hochschulausbildung, dass es so schwer ist, geeignete Entwickler zu finden? Was machen Unternehmen wie die Deutsche Bahn, France Télécom, IBM und die Weltbank anders im Umgang mit Barrierefreiheit? Und wenn es solche Unternehmen tun, verschlafen die anderen gerade eine Entwicklung?

Es ist sehr schwer, aus den knapp dreißig Referenten und Moderatoren die Highlights herauszustellen. Aber es gibt darunter welche, deren Teilnahme an dieser Konferenz schon etwas Besonderes ist:

Eigentlich sollte ja Jürg die Keynote halten, denn er ist unser CEO und sehr bewandert in Sachen Barrierefreiheit. Nun aber beschränkt er sich auf die Moderation einer Podiumsdiskussion, denn Linda Mauperon übernimmt die Keynote. Sie ist Kabinettsmitglied bei EU-Kommissarin Viviane Reding und zuständig für Nutzung, soziale Aspekte, Forschung und Entwicklung in Informations- und Kommunikationstechnologien (IKT). Sie ist damit eine der ranghöchsten Repräsentantinnen der Europäischen Kommission in diesem Bereich. Und der Kommission ist es sehr ernst damit: IKT sind verantwortlich für die Hälfte des Produktivitätswachstums in Europa. Barrierefreiheit verschafft einem größtmöglichen Bevölkerungsanteil Zugang zu diesen Technologien und darüberhinaus zu Partizipation an e-Democracy. Sie ist ein Kernprinzip der Agenda für e-Inclusion 2010, um die Digitale Kluft zu schließen. Zur Forcierung von Barrierefreiheit ist sogar im Gespräch, daraus ein Vergabekriterium von Öffentlichen Ausschreibungen zu machen! Ich bin sehr gespannt auf ihren Vortrag!

Wir haben in einer Diskussionsrunde einige Autoren der nationalen Richtlinien für barrierefreie Websites aus Deutschland, Großbritannien, den Niederlanden und Schweden. Im Publikum sitzen noch Autoren aus 2-3 weiteren Ländern. Aber der Lebenslauf von Charlotte McClain-Nhlapo hat mich besonders beeindruckt: Präsident Nelson Mandela berief sie einst in die Südafrikanische Kommission für Menschenrechte. Sie engagiert sich seit vielen Jahren für die Rechte von Kindern, Frauen, und Menschen mit Behinderungen – seit sie der Weltbank beigetreten ist auch international in den Regionen Ostasien, Pazifik und Afrika. Und sie wirkte an der UN-Konvention über die Rechte von Menschen mit Behinderungen mit. Das dürfte kaum zu toppen sein.

Es sind nur noch wenige Teilnehmerplätze frei, die Kosten sind mit €220 recht moderat, und wer Sprachbarrieren befürchtet, dem sei versichert, dass es Simultandolmetscher für deutsch/englisch ebenso gibt wie Gebärdendolmetscher. Also: gleich anmelden. ;-)

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
07
Mär
Technologienutzung ohne Barrieren
gepostet von Thomas Link am 07.03.2009 um 00:22
Vieles für viele - so lautete meine Analyse der verschiedenen Nutzergruppen von Bankenwebsites und Versicherungen. Das erklärte Ziel der Forderung: mehr und besonders mehr zufriedene - vielleicht sogar glückliche - Nutzer bedeuten auch mehr Geschäft.

Selbst wenn die Forderung nur am Rande die Problematik von Barrieren einer Website oder der Mediennutzung anspricht - die Reduktion von Barrieren ist auch ein Ziel der Aussage „Vieles für viele“.
Ganz ehrlich: Die Forderung und Feststellung beruhte auf wenigen, aber sehr erleuchtenden Beobachtung. Der diesjährige uDay bietet mit dem Schwerpunktthema Barrierefreiheit (und da sind sicher Senioren eingeschlossen) die Möglichkeit die Einschränkungen des Alters selbst zu erleben.
Möglich macht das der patentierte Age Explorer® (Alterssimulator) -> heute am uDay VIIage_explorer.jpg
  1. Der Anzug erschwert das Strecken der Arme
  2. Bandagen zur Einschränkung der Beweglichkeit an Ellenbogen und Knien
  3. Gewichte (ca. 4 kg)
  4. Gehördämpfer
  5. Brille zur Einschränkung der Sehstärke
  6. Gelblich gefärbtes Visier zur Einschränkung des Gesichtsfelds und Trübung der Augenlinse
  7. Spezialhandschuhe imitieren Athritis
Ich im Age Explorer
Mein Fazit: Die Einschränkungen am eigenen Leib zu erleben ist sehr, sehr intensiv - selbst wenn es nur ansatzweise der Realität entspricht. Vor allem als Designer ist die Einschränkung von Sichtfeld und Sehkraft unvorstellbar.
Und ab heute ist mir klar - man muss selbst sehen, das man nichts mehr lesen kann um die Folgen fürs Design zu „verstehen“.
Wie müsste also ein E-Banking für Senioren aussehen?
3 Kommentar(e),
Kommentar abgeben / anzeigen
04
Mär
Tastaturbedienung von Google Maps
gepostet von Jürg Stuker am 04.03.2009 um 17:43

Einer der namics-Leute die es codiert haben (Danke Martin, danke Eduard), hat bei uns im Intranet gerade darauf hingewiesen. Mir ist das einen kleinen Post wert.

Je mehr der Browser zum universellen Client verkommt / sich entwickelt, desto wichtiger wird die Bedienbarkeit über die Tastatur. Bei der Barrierefreiheit ist diese Anforderungen schon lange verankert. Dies als Zugang bei motorischen Einschränkungen oder einem einem fehlenden visuellen Feedback bei der Maus-Nutzung. In den WCAG 2.0 entspricht dies der Richtline 2.1 "Keyboard Accessible: Make all functionality available from a keyboard".

Und wie steht es mit eine Kartenanwendung wie Google Maps? Die Antwort ist: Ja, möglich. Umgesetzt haben es Edi und Martin auf der Site der Konferenz "Europäisches Accessibility Forum" am 27. März in Frankfurt am Main.

Die Taborder hat es in sich und gehört ausprobiert. Hier die für die Karte relevante Abfolge auf der Seite http://eafra.de/2009/ort/.

Ausschnitt der Website des Europäisches Accessibility Forum in welchen die Hotelliste und die Karte von Google gezeigt wird

Landet der Fokus auf einem der Buttons "Karte", "Satellit" oder "Hybrid" auf der Karte, so kann mit Enter die Ansicht gewechselt werden. Weiter mit dem Tabulator springt der Fokus auf die Hotelliste, wo der User bei jedem aktiven Hotelnamen z.B. beim Titel "Hotel am Dom" mit Enter den Marker auf der Karte zeigen kann.

...und sonst noch ein paar Details... und natürlich alle an die Konferenz kommen ;-)

2 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
19
Jan
Europäisches Accessibility Forum Frankfurt, 27. März
gepostet von Martin Kliehm am 19.01.2009 um 12:00

namics veranstaltet am 27. März das Europäische Accessibility Forum Frankfurt.

Auf dieser internationalen Konferenz, die in ihrer Art in Deutschland wohl einmalig ist, wollen wir Barrierefreiheit aus verschiedenen Perspektiven beleuchten: Technologie, Wirtschaftlichkeit, Politik und Hochschulausbildung. In sieben Gesprächsrunden kommen Expertinnen und Experten zusammen, stellen jeweils in einer kurzen Präsentation ihre Arbeit und ihren Aspekt des Themas vor und diskutieren anschließend darüber.

Wir konnten Referenten u.a. von der Deutschen Bahn, dem Bundesministerium für Arbeit und Soziales, der Europäischen Kommission, France Télécom, Google, IBM, Microsoft, Mozilla, Opera, dem W3C, dem Web Standards Project und Yahoo! gewinnen, die zu folgenden Themen sprechen:

  • Barrierefreie Web-Anwendungen
  • Mobiler Zugang – geräteunabhängig oder barrierefrei?
  • Barrierefreiheitsrichtlinien im nationalen Vergleich
  • Accessible Rich Internet Applications (ARIA)
  • Webstandards und Barrierefreiheit in der Hochschulausbildung
  • Harmonisierung von europäischen Barrierefreiheitsrichtlinien
  • Der Geschäftswert von Barrierefreiheit

Die Keynote wird Linda Mauperon halten, sie ist Kabinettsmitglied der Europäischen Kommissarin für Informationsgesellschaft und Medien, Viviane Reding. Näheres dazu auch im Programm.

Ziel der Veranstaltung ist es, Barrierefreiheit von außen aus verschiedenen Winkeln zu beleuchten und Innovationsträger zu präsentieren, in deren Unternehmen und Kommunikation Barrierefreiheit schon längst dazugehört – und die gutes Geld damit verdienen. Von den Themen her sollte für alle etwas dabei sein: für Techies, für Consultants, Hochschulangehörige und Mitarbeiterinnen und Mitarbeiter in Unternehmen. Die Konferenz ist limitiert auf maximal 200 Teilnehmende, ab nächster Woche kann man sich anmelden.

Unter der Haube hat die Website auch einige Perlen versteckt: selbstverständlich ist sie weitgehend barrierefrei (mit coolen Sprungmarken), aber sie ist auch wahnsinnig schnell, weil die Best Practices zur Frontend Performance von Yahoo! eingehalten werden. Es gibt eigene Stylesheets zum Drucken, für iPhones und für mobile Endgeräte. Und als CMS verwenden wir WordPress µ, womit über die gleiche Installation die deutsche und die englische Version verwaltet werden kann.

3 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
28
Nov
A-Tag in Wien
gepostet von Martin Kliehm am 28.11.2008 um 17:45

Letzte Woche war ich eingeladen, auf dem A-Tag in Wien einen Vortrag über den kommenden W3C Standard für Accessible Rich Internet Applications (ARIA) zu halten. Im Wesentlichen geht es da um barrierefreies Web 2.0 — tolle Effekte, aber ohne Menschen mit Behinderungen auszugrenzen (wer will das schon?). Die Präsentation lief recht gut, da ich einige verständliche Code-Beispiele und Screencasts von Anwendungen eingebunden habe — obwohl die Teilnehmenden ein bisschen überfordert wirkten, als ich über die erforderlichen JavaScript-Funktionalitäten zu sprechen begann, die dazu dienen, die Tastaturbedienbarkeit von komplexeren Widgets herzustellen. ;-) Darum habe ich diese Folie überarbeitet und noch eine hinzugefügt, die auf Reiternavigationen mittels verschiedener JavaScript-Frameworks verweist, wie Christian Heilmann anregte.

Die Präsentation kann man auf Slideshare anschauen oder herunterladen (Creative Commons-Lizenz). Ich habe aber auch versprochen, einen detaillierteren Artikel über durch ARIA verbesserte Reiternavigationen für den Webkrauts Webstandards-Adventskalendar zu schreiben, auf dem es bald mehr Informationen dazu gibt.

Präsentation auf SlideShare ansehen

Die Konferenz selbst war überraschend innovativ: Ich hatte schon halbwegs damit gerechnet, auf eine Menge Schlipsträger zu treffen, da die Veranstaltung vom österreichischen Bundesministerium für Gesundheit, Familie und Jugend mitorganisiert wurde, stattdessen sah man viele junge Gesichter und einen einigermaßen ausgewogenen Frauenanteil. Dinge, die ich auf dem A-Tag gelernt (und getwittert) habe, umfassen darüberhinaus:

  • Ab Januar 2009 unterstützt das österreichische Bundesministerium für Gesundheit nur noch Websites, wenn sie barrierefrei sind. Das kommt wenig überraschend, da schon ein Beschluss des Europäischen Ministerrats im Jahre 2006 ankündigte, dass Barrierefreiheit und Best Practices ab 2010 in Öffentlichen Ausschreibungen zur Pflicht werden können.
  • Artur Ortega zeigte einige barrierefreie Beispiele, die Dirk Ginader für Yahoo! Finance realisiert hat, darunter zwei Eingabefelder, deren Labels dynamisch aktualisiert werden nachdem man eine Währung auswählt. Ein Screenreader liest somit vor „Pfund Sterling in Euro umrechnen“ statt des generischen Textes „Währung 1 in Währung 2 umrechnen“.
  • Ein Grund für per JavaScript optimierte HTML-Bedienelemente für Flash-Videos wie bei Yahoo! Video ist, dass das Flash-Objekt nicht mehr per Tastatur ansteuerbar ist, wenn der wmode Parameter auf opaque oder transparent gesetzt wurde. Allerdings ist es in Firefox 3 auch ohne diesen Parameter unmöglich, in ein Flash-Objekt hineinzutabben. Oder habe ich da etwas übersehen?
  • Designerin Maria Putzhuber zitierte eine interessante Fehleinschätzung: 70% der befragten Designer glaubten, dass Nutzer so gut wie immer über ihren Standort in der Website orientiert sind, während das in Wahrheit nur 10% der Nutzer schafften. Warum ist diese Wahrnehmung so verzerrt?
0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
08
Jul
Accessibility and Business Value Study
gepostet von am 08.07.2008 um 13:59

Ein Kollege *danke Urs* hat mich auf diese – sehr interessante – Studie von der Customer Respect Group aufmerksam gemacht.
Testgegenstand, der im Februar 2008 publizierten Studie, sind die Websites von 140 Unternehmen, die Mehrzahl davon aus der „2007 Fortune 100 list“. Ausgeschlossen waren explizit High-Technology Unternehmen sowie Unternehmen, welche sich mit Accessibility Consulting beschäftigen. Die Unternehmen sind in den USA, Kanada und Grossbritannien beheimatet.
Untersucht wurde, welche Unternehmen sich speziell durch zugängliche Internetseiten auszeichnen. Die Studienergebnisse kurz zusammengefasst sind:

  • Die Unternehmen, welche sehr gute Werte in Bezug auf die Zugänglichkeit ihrer Website aufweisen, haben einen starken e-commerce Fokus. Interessanter Weise konnte kein direkter Zusammenhang zwischen der gesetzlichen Verpflichtung und der maximalen Erzielung der Barrierefreiheit hergestellt werden.

  • Besonders erfolgreich wurde bei den Unternehmen Barrierefreiheit umgesetzt, die sich durch diese Massnahme gegen die Konkurrenz im Markt differenzieren wollen.

  • O2 UK wurde in der Studie als am besten zugänglich bewertet.

Empirisch interessant für mich war vor allem, dass nachgewiesen werden konnte, dass der Gap zwischen Usability und Accessibility grösser ist als der zwischen Usability und Nicht-Usability. Das heisst im Umkehrschluss, Usability hat es inzwischen zu einem gewissen Selbstverständnis geschafft.
Auch wenn das PDF der Studie nicht barrierefrei generiert worden ist, so ist sie doch interessant zu lesen. Hier der Link zum Nachlesen: PDF-Datei, 1.2MB

2 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
03
Jul
Suchbild: Wo sind die Fehler versteckt?
gepostet von Martin Kliehm am 03.07.2008 um 12:18

In diesem Kalender der SBB sind zwei Fehler versteckt:

SBB Kalenderauswahl ohne Tage

Wer findet sie? ;)

9 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
26
Jun
@media 2008
gepostet von Martin Kliehm am 26.06.2008 um 10:00

Hot Topics Panel @media ist eine zweitägige Web-Konferenz in London, die sich zeitgemäßen Themen widmet und bei der man die Chance hat, direkt mit Entwicklern von Yahoo, Mozilla oder Opera zu reden. Es ist immer ganz gut, einen direkten Draht zu haben.

Beeindruckt hat mich die Professionalität und Innovationsfähigkeit der BBC, die in einer Case Study aus dem Nähkästchen geplaudert hat. Interessant zu sehen, dass die von Yahoo! entwickelten Regeln zu Exceptional Performace inzwischen auch hier angekommen sind. Da ich die eher konservative deutsche öffentlich-rechtliche Medienlandschaft kenne, hat es mich überrascht, wie offen die BBC ist. Da gibt es eine Public Beta, bevor das neue Redesign der breiten Masse offeriert wird. Da gibt es eine dokumentierte API, mit der Dritte Material der BBC wiederverwenden können. Und BBC ist eine der Vorreiterinnen in Sachen Barrierefreiheit und Geräteunabhängigkeit (= mobile Nutzung) im Königreich.

@media 2008: Andy Clarke’s design In Design-Vorträgen liess sich Andy Clarke von Comic-Panels inspirieren, um Gewichtung und Dynamik in Websites zu bringen. Dan Rubin zeigte hingegen sehr detailverliebte Designs, bei der ich interdisziplinären Kommunikationsbedarf sehe. Zum einen sind zum Beispiel absichtlich hinzugefügte Störungen auf einer monochromen Fläche nicht sofort erkennbar. Dan will damit mehr Haptik, eine Textur erreichen. Wenn nun aber ein Entwickler diese Photoshop-Datei ohne Erklärungen bekommt, besteht eine grosse Chance, dass er die Störungen nicht wahrnimmt oder sie als zufällige Artefakte einstuft und ignoriert.

Zum anderen arbeitet Dan mit wiederverwendbaren Filtern, um in Photoshop sehr einfach Effekte wie runde Ecken, Gradienten oder Schatten hinzuzufügen. Dieser universelle, wiederverwendbare Ansatz lässt sich leider nicht zwangsläufig auf das Frontend übertragen. Ein wiederverwendbarer Effekt an vielen Stellen in Photoshop kann nicht-wiederverwendbare, individuelle und somit kostenintensive Arbeit an vielen Stellen im Frontend bewirken. Wünschenswert wäre aber, Effekte einzusetzen, die sich in beiden Medien einfach, performant und wiederverwertbar realisieren lassen.

Slide: Knowledge Areas of Frontend Engineering Zukunftsweisend war wieder einmal die Keynote von Yahoo!-Entwickler Nate Koechley, der professionelles Frontend-Engineering thematisierte. HTML und seine Freunde waren jahrelang unterbewertet. Im Informatikstudium wird dieser Bereich oft nur am Rande behandelt, schliesslich sei es nur eine Auszeichnungssprache, keine Programmiersprache. Das ist falsch, denn HTML ist eine deklarative Programmiersprache, und im Zusammenspiel mit Stylesheets, JavaScript im Browser und Techniken wie PHP auf dem Server entwickeln wir damit Software im Browser. Douglas Crockford nennt es „die feindlichste Entwicklungsumgebung, die man sich vorstellen kann“. Es gibt eine Reihe von wichtigen Wissensgebieten, die auf verschiedene Arten angewendet werden müssen auf drei Betriebssystemen in einem halben Dutzend Browsern in zwei verschiedenen Darstellungsoptionen. Und damit sind noch nicht einmal Randgebiete wie Internationalisierung, Performance oder Barrierefreiheit enthalten. Wenn Sie also zukünftig wieder einmal kleine Rauchwölkchen aus den Köpfen Ihrer Entwickler aufsteigen sehen, wissen Sie warum.

Auch die Barrierefreiheit kam nicht zu kurz, allein schon wegen der ausgewiesenen Experten im Publikum, mit denen sich stets interessante Gesprächsthemen fanden. In einem Panel ging es dabei um die Kommunikation von Best Practices. Hängengeblieben ist davon der Satz: „Sei nicht der Mensch mit den Problemen, sei der mit den Lösungen.“ Zugegeben, es ist enorm schwierig, sich leidenschaftlich für ein Thema zu engagieren, dabei aber die Fähigkeit zu besitzen, pragmatisch und diplomatisch bleiben zu können. Andererseits denke ich aber, dass sich Lösungen finden lassen, wenn beide Seiten Argumenten zugänglich sind, ihre eigene Position zu hinterfragen und zu Kompromissen bereit sind.

Darüberhinaus betonten die Podiumsteilnehmer erneut, dass Barrierefreiheit nur dann langfristig und nachhaltig effizient sein kann, wenn die Massnahmen auf Vorstandsebene (PDF) unterstützt werden, wenn es eine Accessibility Policy in einem Unternehmen gibt, und wenn kluge Unternehmen einsehen, dass mit Zielgruppenmaximierung bedeutende Umsätze zu erzielen sind. Keine Angst, Menschen mit Behinderungen möchten als Markt wahrgenommen werden!

Ein bisschen ausführlicher und auf englisch habe ich übrigens in meinem eigenen Blog über @media berichtet.

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
17
Jun
Mozilla Download Day
gepostet von Martin Kliehm am 17.06.2008 um 10:00

Firefox 3

Heute ist der Mozilla Download Day! Ab den Abendstunden steht Firefox 3 zum Download bereit. Mozilla hat sich vorgenommen, mit den meisten Downloads in 24 Stunden ins Guinness Buch der Rekorde zu kommen. Das ist selbstverständlich nur ein Marketing-Trick, um der Nachricht des neuen Releases mehr Wert zu verleihen, aber man bekommt einen exzellenten Browser dafür, und irgendwie cool ist es schon, an dem Weltrekord-Versuch teilzunehmen.

Firefox 3 ist schneller und es gibt nun auch endlich die Firebug-Extension dafür, ohne die Entwickler nicht leben können. Aber für mich ist das herausragende Feature die vollständige Unterstützung des W3C-Standards für Accessible Rich Internet Applications. Das bedeutet so viel wie barrierefreies Web 2.0. Das ganze Bling-bling der heutigen Web-Applikationen lässt sich mit etwas Sorgfalt zugänglich machen für Screenreader. Elemente bekommen mehr Semantik, ihre Zustände können definiert werden, Beziehungen zwischen Elementen werden hergestellt, und für Teile der Seite, die dynamische Inhalte haben, gibt es nun Methoden, Menschen zugänglich darüber zu informieren, wenn sich Inhalte ändern.

Zudem bedeutet der Release auch, dass wir den Browser bei zukünftigen Projekten im Sinne des Graded Browser Supports unterstützen werden. Für Firefox 2 gibt es von Mozilla noch ein halbes Jahr Support, danach können wir ihn auch ignorieren. Graded Browser Support ist ein pragmatischer Ansatz, Websites bei maximaler Kosteneffizienz für die größtmögliche Reichweite zu testen. In der Praxis bedeutet das Internet Explorer 6 und 7, Firefox 2.x und 3.x, Opera 9.x und Safari 3.x. Da sich die Browser selbständig aktualisieren, steht das „x“ immer für die neueste nicht-beta Version. Also Firefox 2.0.0.14, nicht Firefox 2.0.0.1 bis 2.0.0.14.

In der Zwischenzeit können wir uns noch den ganzen Tag auf Firefox 3 freuen, und heute Abend gibt es einige Parties. Leider nicht so viele in Deutschland und der Schweiz, aber unsere Münchner Kollegen können heute Abend bei Mozilla feiern gehen!

5 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
16
Jun
BITV 2.0 am grünen Tisch?
gepostet von Martin Kliehm am 16.06.2008 um 16:00

Seit im Dezember 2006 der Parlamentarische Staatssekretär im Bundesministerium für Arbeit und Soziales, MdB Franz Thönnes, ankündigte, dass die Barrierefreie Informationstechnologie-Verordnung (BITV) mit Hinblick auf die Web Content Accessibility Guidelines (WCAG) 2.0 überarbeitet werden sollte, war ich interessiert zu erfahren, wer an dieser Arbeitsgruppe mitwirken würde. Bisher erfolglos. Denn anders als in den Schweizer Richtlinien (PDF, 162 KB) sind der Prozess der Erarbeitung der Richtlinien sowie die daran Beteiligten völlig untransparent. Man sucht vergebens Einträge in Blogs, und es gibt keine Diskussionen auf öffentlichen Mailinglisten. In einer Szene, in der die Transparenz der Web Accesssibility Initiative (WAI) des W3C ein stetiges Gesprächsthema ist, verwundert das ein wenig.

Im Rahmen der Antworten zu einer parlamentarischen Anfrage (PDF, 465 KB) an die Bundesregierung sind einige Dinge deutlicher geworden:

  • Seit Mai 2007 befasst sich eine Arbeitsgruppe mit der Aktualisierung der BITV. Die Arbeiten sollen bis Sommer 2008 abgeschlossen sein.
  • An der Arbeitsgruppe beteiligt sind Vertreter „der Wissenschaft“, der Behindertenbeauftragten und des Bundesverwaltungsamtes. Vertreter von Verbänden und Organisationen von Menschen mit Behinderungen wurden zu einzelnen Fachsitzungen gehört.
  • Das Bundesministerium für Arbeit und Sozialies fördert das Aktionsbündnis barrierefreies Internet (AbI), das Projekt BIK und INCOBS. Eine tragende Rolle im AbI nimmt Prof. Dr. Christian Bühler ein. Die Vermutung liegt nahe, dass er der Vertreter der Wissenschaft ist. BIK und INCOBS sind Projekte der Hamburger Dias GmbH in Zusammenarbeit mit Sehbehinderten- und Blindenverbänden. Einige Kriterien, die speziell Menschen mit Sehbehinderungen betreffen, haben in der BITV stärkere Gewichtung als in den WCAG.
  • Die Belange von Menschen mit Lern- und geistigen Behinderungen sollen zukünftig stärker berücksichtigt werden, gerade auch in Form von Leichter Sprache. Gleichzeitig soll sich die BITV an den WCAG 2.0 orientieren, in der diese Belange eine deutlich geringere Rolle spielen. Ich bin gespannt, wie diese Gegensätze gelöst werden.
  • Der Bundesregierung sind Arbeiten an einer DIN-Norm für die barrierefreie Zugänglichkeit visueller Informationen bekannt. Das klingt nach einer weiteren Zusammenarbeit von Prof. Bühler mit DIN CERTCO. Offen gestanden bin ich nach dem Flop der DIN-Zertifizierung etwas skeptisch, was den Erfolg eines solchen Projektes anbelangt.

  • Seit 2002 sind erst acht Zielvereinbarungen zwischen Unternehmen und Behindertenverbänden abgeschlossen worden. Zielvereinbarungen sollten ein Instrument sein, um Wirtschaftsverbände freiwillig an die BITV zu binden. Bislang scheiterte dies offenbar an dem hohen Aufwand und Komplexität solcher Verhandlungen verbunden mit der Tatsache, dass Behindertenverbände auf eigene Kosten und oft mit überwiegend ehrenamtlichen Mitarbeitern von dieser Aufgabe überfordert sind. Das gleiche gilt für das juristische Instrument der Verbandsklage, das noch seltener genutzt wurde. Die Landschaft stellt sich in Deutschland einfach anders dar als etwa in Großbritannien, wo es mit dem Royal National Institute of the Blind und seinen Schwesterinstituten handlungsfähige, nationale Organisationen mit mehreren tausend hauptamtlichen Mitarbeitern als Interessenvertretungen gibt.
  • Die Bundesregierung sieht Barrierefreiheit, anders als die Europäische Kommission (Seite 141; PDF, 2,7 MB), bei öffentlichen Ausschreibungen über das bislang übliche Maß nicht als Auswahlkriterium zwischen Bewerbern.

Mir stellen sich dabei einige Fragen. In der Schweiz herrscht eine Konsensgesellschaft. Man bemüht sich, mit allen Beteiligten in Dialog zu treten. In der mutmaßlichen Zusammensetzung und Zielsetzung der deutschen Arbeitsgruppe nehme ich hingegen drei Lücken wahr: die Hochschulausbildung, die europäische Harmonisierung, und die Alltagstauglichkeit.

  1. Ein Schwerpunkt in den Richtlinien und Empfehlungen anderer europäischer Länder ist die Ausbildung. Die schwedischen Richtlinien (PDF, 1,3 MB) sprechen davon, dass 80% der Barrieren durch Unwissenheit enstehen, nur 20% sind Bugs. Opera und das Web Standards Project stehen kurz vor dem Abschluss eines Curriculums für barrierefreie Gestaltung von Websites. Und das mit Mitteln der Europäischen Kommission geförderte Inclusive Design Curriculum Network hat seine Arbeit bereits 2004 abgeschlossen. Das renommierte Fraunhofer Institut für Angewandte Informationstechnik (FIT) war daran beteiligt. Leider ist niemand von FIT zur Mitarbeit an der BITV eingeladen.
  2. Die BITV ist bisher stark technikgetrieben. Vor einem Jahr habe ich zwei Generationen von Modellen identifiziert: die erste Generation hält sich wie die BITV eng an die technischen Checklisten der WCAG 1.0. Nicht der Mensch steht im Mittelpunkt, sondern die automatische Prüffähigkeit. Die zweite Generation wächst darüber hinaus. Hier finden sich ganzheitliche, nachhaltige Ansätze. Ein starkes Anliegen der Europäischen Kommission ist es, diese national und zum Teil sogar regional fragmentierten Gesetzgebungen zu harmonisieren (a.a.O., S. 143). Zu diesem Zweck gibt es eine mit europäischen Fördermitteln unterstützte Arbeitsgruppe der W3C WAI. Sie wurde zwar auf verschiedenen Ebenen hinzugezogen, dennoch deuten die Anzeichen mehr darauf hin, eigene Schwerpunkte und Formulierungen in der BITV finden zu wollen, statt im Kern einfach auf das Original oder eine autorisierte Übersetzung zu verweisen, wie es die Briten oder Schweizer machen.
  3. Zu guter letzt müssen sich die Richtlinien im Alltag bewähren. Soweit ich das sehe, arbeiten bislang Vertreter aus Wissenschaft, Behörden und Behindertenverbänden zusammen. Sie haben Kompetenz in den Anforderungen, die Menschen mit Behinderungen an Informationstechnologie stellen. Sie können mit assistiven Technologien umgehen. Aber wer von ihnen kann eine komplexe Website mit zeitgemäßen Mitteln erstellen, und wer kennt sich intim mit den Browsern aus? Es gibt bei den Browserherstellern anerkannte Experten zu Barrierefreiheit, in Deutschland etwa Marco Zehe bei der Mozilla Foundation. Yahoo! und Google sind Innovationsführer im Markt und haben die Expertise, ihre progressiven Anwendungen barrierefrei zu machen. Standardgruppen wie das Web Standards Project oder die Webkrauts befassen sich intensiv auch auf nationaler Ebene mit Barrierefreiheit. Große Agenturen realisieren barrierefreie Auftritte. In der Schweiz oder in den Niederlanden wurden sie in die Arbeitsgruppen einbezogen. In Deutschland bislang Fehlanzeige.

Sollte man sich nicht bemühen, alle Stakeholder in den Dialog zu integrieren und diesen öffentlich zu führen? Inhaltlich hingegen setzen andere europäische Gesetzgebungungen die WCAG als gegeben voraus und legen darum ihre eigenen Schwerpunkte in der Beratung und Empfehlung von Best Practices (PDF, 821 KB). Sie schaffen damit Kompetenz und Vertrauen bei Kunden und Behörden, die sich auf dem neuen Terrain oft unsicher fühlen.

Bereits heute gibt es im internationalen Vergleich Defizite der deutschen Verordnung. Nun gäbe es die Chance, die Qualität und die Akzeptanz der BITV deutlich zu stärken.

3 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
27
Mai
Internet für ALLE - virtuelle Grenzen überwinden [Vortrag]
gepostet von am 27.05.2008 um 17:49

Am Mittwoch, 21. Mai 2008 habe ich an der Fachtagung der Orbit-iEX einen Vortrag zum Thema "virtuelle Grenzen überwinden" gehalten. Ich habe mich über die zahlreiche Teilnahme und die interessante Diskussion sehr gefreut. Deshalb möchte ich gerne noch auf mein Handout (pdf, 4,8MB) verweisen.
Die nächste Chance etwas über "Barrierefreiheit" von meiner Seite zu hören ist anlässlich der Informatica '08 am 11. Juni 2008 - herzliche Einladung!

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
07
Mai
Einfach für Alle-Tagung: Die Software im Browser
gepostet von Martin Kliehm am 07.05.2008 um 21:00

Während meine Kollegin Luzia über Barrierefreiheit als Managementaufgabe diskutierte, sprach ich gestern auf der Fachtagung der Aktion Mensch über Web 2.0 und die Zugänglichkeit (oder Unzugänglichkeit) der Software im Browser. Mit auf dem Podium waren Anna Courtpozanis, blinde Expertin von der Heidelberger Organisation Web for All, Dr. Carlos Velasco, Leiter des BIKA Web Compliance Centers am Fraunhofer Institut für angewandte Informationstechnik (FIT) sowie Marco Zehe, Qualitätsbeauftragter für Barrierefreiheit bei Mozilla.

Eine sehr kompetente Runde. In den Einführungspräsentationen ging es dann um Hindernisse, Vorzüge und Wünsche bezüglich Web 2.0-Anwendungen aus der Sicht einer blinden Nutzerin; um die nach langen Jahren endlich schnell der Finalisierung zustrebenden Web Content Accessibility Guidelines 2.0 (WCAG) und ihre Herausforderungen für ein teil-automatisiertes Testing; wie sich die Firmenkultur von Innovationsträgern wie Google oder Yahoo von weniger progressiven Unternehmen unterscheidet und welche Auswirkungen sie auf Web 2.0-Anwendungen hat; sowie immer wieder um das barrierefreie Web 2.0. Einen guten Schritt in diese Richtung bezeichnet die Richtlinie für Accessible Rich Internet Applications (ARIA), die bereits jetzt oder in naher Zukunft von allen vier großen Browserherstellern, den Marktführern zum Vorlesen von Bildschirminhalten (Screenreadern) und wichtigen JavaScript Frameworks unterstützt wird.

Konsens am Ende der Diskussion war darum, dass Entwickler jetzt bedingungslos ARIA einsetzen sollten. Es gibt keinen Grund, damit zu warten. Die Lernkurve ist niedrig, aber es kennen noch zu wenige. Von verschiedenen Seiten, beispielsweise auf Universitätsebene und auch von Seiten des World Wide Web Consortiums (W3C), muss noch viel unternommen werden, um Entwickler zu erreichen und zeitgemäße Best Practices zu lehren.

Wir waren uns auch einig, dass sich in den nächsten fünf Jahren massiv viel in Richtung Barrierefreiheit tun wird. Das Interesse bei Unternehmen ist vorhanden, denn niemand möchte seine Mitarbeiterinnen oder Kunden wirklich diskriminieren. Damit steigt auch der Druck von Seiten der Mitbewerber. Gleichzeitig wird das Thema von der Politik vorangetrieben, wie die kürzliche Ratifizierung der UN Konvention über die Rechte von Menschen mit Behinderungen zeigt oder Vertreter der Europäischen Kommission in Publikationen wie The Accessibility Imperative offen ansprechen.

Nicht so technisch zugehen wird es übrigens auf der namics-Fachtagung zu Barrierefreiheit am 3. Juni in Frankfurt, die sich mehr an interessierte Einsteigerinnen wendet. Der Eintritt ist frei, ebenso noch einige Plätze.

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
06
Mai
Accessibility Day - Einladung!
gepostet von am 06.05.2008 um 16:43

Im Rahmen der informatica08 findet am 11. Juni 2008 ein so genannter Accessibility Day in Zürich statt. Die Vorträge beschäftigen sich von der barrierefreien Post, über barrierefreie Finanzdienstleistungen bis hin zur WCAG 2.0 und barrierefreien PDFs.

Ich werde mich an der Veranstaltung mit einem Referat zum Thema "Internet für ALLE - eine Herausforderung?" beteiligen. Insbesondere freue ich mich auf das Podiumsgespräch mit allen Referenten zum Abschluss der Veranstaltung. Aufgrund der thematischen Vielfalt ist ein spannender Tag rund um das Thema Barrierefreiheit sicherlich garantiert.

Das ausführliche Programm mit allen Uhrzeiten ist hier zu finden: http://www.informatica08.ch/de/events/Accessibility_Day.html Die Teilnahme an der Veranstaltung ist kostenlos, eine Anmeldung unter: www.informatica08.ch/de/events/Accessibility_Day.html allerdings erforderlich.

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
06
Mai
Aktion Mensch - EfA Tagung
gepostet von am 06.05.2008 um 09:52

Zum Startschuss des Biene-Awards lädt die Aktion Mensch dieses Jahr zu einer Fachveranstaltung ein. Heute darf ich zusammen mit Patrick H. Lauke, Webmaster, University of Salford und Gisbert Loff, SAP unter der Moderation von Hubertus Thomasius, Kooperation Behinderter im Internet e.V. (kobinet) zwei Stunden meine Ansichten zum Thema "Barrierefreiheit als Managementaufgabe" diskutieren.

Ich vertrete dabei folgende Thesen:

  1. Das Management ist nicht auf die Thematik Barrierefreiheit hin sensibilisiert und kennt Barrieren in der virtuellen Welt folglich gar nicht
  2. Akzeptanz für Barrierefreiheit im Management ist nur durch den gesamtheitlichen Ansatz der Barrierefreiheit — nämlich Internet für ALLE — zu erreichen
  3. Ohne überzeugte Stakeholder im Management ist Barrierefreiheit eine kurzfristige "Übung", aber keine langfristige und erfolgreiche Massnahme

Ich bin mir darüber im Klaren, dass diese Thesen nur die Spitze des Eisbergs sind. Trotzdem halte ich diese drei Aussagen für essentiell, wenn es um die Frage geht, warum "ist nicht schon längst vielmehr passiert". Immer wieder stosse ich an Grenzen, wenn nur eine Person in der Unternehmung das "Projekt Barrierefreiheit" treibt und deshalb wie Don Quichote gegen Windräder ankämpft. Ich bin gespannt auf die Diskussionen im Plenum. Wer live mit dabei sein will, ist herzlich eingeladen direkt am Live-Stream teilzuhaben (die Veranstaltung wird übrigens simultan auch in Gebärdensprache übersetzt).

0 Kommentar(e), 1 Trackback(s)
Kommentar abgeben / anzeigen
03
Mai
W3C Training Mobile Best Practices
gepostet von Martin Kliehm am 03.05.2008 um 15:57

Das W3C beschreitet neue Wege: Im meines Wissens ersten online Training des W3C vermitteln die Leiter der Mobile Web Initiative eine Einführung in Mobile Web Best Practices.

Der (kostenlose) Kurs beginnt am 18. Mai 2008 und umfasst vier Trainingseinheiten. Jede kann man sich innerhalb einer Woche ansehen, wann es einem passt — keine nächtlichen Unterrichtsstunden, weil live in einer anderen Zeitzone gelehrt wird. Bis zur nächsten Stunde muss man seine Hausaufgaben erledigen und einreichen. Darum ist die Zahl der Teilnehmenden auch auf 100 beschränkt. Innerhalb von nur drei Tagen war fast die Hälfte der Plätze ausgebucht, also dann mal schnell anmelden! ;)

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
15
Mär
SXSW 2008
gepostet von Martin Kliehm am 15.03.2008 um 14:30

Wow. South by Southwest Interactive (SXSW) ist vorüber. Das ist eine riesige Internet-Konferenz in Austin / Texas. Vier Tage, 180 Panels und Core Conversations. So bleibt es nicht aus, dass man sich selbst nach einer vorhergehenden Filterung immer noch zwischen 2-6 interessanten Vorträgen entscheiden musste. Andererseits haben so alle Teilnehmenden ihr ganz persönliches Erlebnis von dieser Konferenz. Meine wichtigsten Erkenntnisse daraus möchte hier teilen.

Der erste Tag begann für mich mit einem Vortrag von Jonathan Boutelle (Slideshare) über Dinge, die er über Flash und Rich Internet Applications (RIA) gelernt hat. Für ihn waren Popups stets ein Zeichen von schlechter Prozessgestaltung: Popups ersparen dem Designer, sich Gedanken zu machen, wohin Menschen nach dem Ausfüllen eines Formulars gelangen. Popups jedoch stellen einen Modus dar, die Benutzungsweise der Website verändert sich radikal. Und wir alle wissen: Modi sind böse. Lightboxes sind nichts anderes als Popups 2.0, also in Wahrheit ebenfalls oft überflüssig. Wir sollten also lieber das Problem an der Wurzel packen und uns Gedanken über die Prozesse machen. Slideshare beginnt zum Beispiel unmittelbar, Präsentationen hochzuladen, sobald ein User eine Datei ausgewählt hat. Danach wird der Nutzer durch den Prozess geführt, verschlagwortet seine Präsentation, wartet, bis sie in Flash umgewandelt ist, fertig.

Nebenbei bemerkt kann naives AJAX den Server töten. Slideshare hatte eine im Prinzip statische Startseite mit zwei personalisierbaren Bereichen. Um Server-Performance zu sparen, hatten sie die Startseite gecacht und die dynamischen Bereiche per AJAX nachgeladen. Neben der sichtbaren Verzögerung für den User hatte das aber den Nebeneffekt, dass der Server statt einer Anfrage immer mindestens drei parallele beantworten mussten. Nicht gut. Und selbst wenn man eine tolle, vielleicht sogar ganz sinnvolle Lightbox geschaffen hat, brauchen User URLs. Wenn jemand fragt, wo er seine Nutzerdaten ändern kann, möchte man nicht wirklich sagen: gehe auf diese Seite, drücke auf diesen Link, wechsele auf den Reiter, und dann erst ist da das Formular, das du brauchst.

Amidactio Ziemlich genial waren auch Richard Rutter und James Box von Clearleft aus Brighton mit ihrem Vortrag über Wireframing 2.0. Kurzum können zweidimensionale Wireframes kaum Web 2.0-Anwendungen abbilden. Es fehlt einfach die vierte Dimension und die Aktion. Darum setzen sie sich zunächst interdisziplinär im Team zusammen, entwickeln Ideen, machen Skizzen auf Papier, nutzen Post-its. Doch dann bauen die Informationsarchitekten einen Clickdummy mit simplem HTML, ein wenig CSS und Effekten von jQuery. Dafür ist selbst Dreamweaver vertretbar. Dieser nicht-funktionale Prototyp braucht ein paar Tage, aber man kann sofort Prozessmängel erkennen, ihn für frühe Usertests nutzen, und der Kunde sieht etwas. „Etwas auszuprobieren ist oft billiger als langwierige Meetings, die beschließen, etwas auszuprobieren.“ Großartig war es, dies in der Praxis zu sehen mit der Fake-Community „ElfCartel“. Ich liebe das Profilfoto von „Amidactio“ aka. „adactio“ aka. Clearleft’s Chef Jeremy Keith! Bei Clearleft wird wirklich keine Gelegenheit ausgelassen, sich übereinander lustig zu machen, und der CEO bildet da keine Ausnahme. Die verwendeten JavaScript-Bibliotheken für Design Patterns kann man übrigens bei PolyPage herunterladen.

Charles McCathieNevile + Chris Wilson Sich öfters zusammensetzen und reden sollten auch die Browserhersteller und -entwickler. Bei SXSW taten das Chris Wilson (Microsoft Internet Explorer Team), Charles McCathieNevile (Opera) und Brendan Eich (Mozilla). Nur Safari fehlte. Das alles sind motivierte Menschen mit viel Humor, die das Beste wollen. Allerdings gibt es bei der Implementierung von neuen Features und Bugfixes Prioritäten, und es liegt an jedem von uns, diese zu artikulieren und Gehör zu bekommen. Nun, Microsoft hat in der IE8 Beta, die es seit einer Woche gibt, Support für Accessible Rich Internet Applications (ARIA) eingebaut. Jubel! Aaaaber, wie Anne van Kesteren (Opera) dazu bemerkt, Microsoft hat dazu gleich noch ein paar neue DOM-Attribute spendiert, die inkompatibel mit anderen Browsern sind. Charles McCathieNevile bestätigte, dass diese Änderungen des IE-Teams sinnvoll waren, weil sein Team bei der Implementierung der W3C Spezifikationen auf ähnliche Probleme gestoßen ist. Aber statt einem proprietären Alleingang – selbst in einer Beta-Version, die sich von dem finalen Produkt unterscheiden kann – wäre es besser gewesen, diese Probleme mit den anderen Browserherstellern gemeinsam zu lösen. Es ist ja nicht so, dass man keinen Kontakt untereinander hätte (aus dem Publikum kam der Vorschlag, dass Chris und Charles jetzt ja ihre Visitenkarten austauschen könnten. ;)

Ansonsten drehte sich auch dieses Panel um den mobilen Zugang: für mehr als eine Milliarde Menschen auf der Welt ist das Mobiltelefon die Alternative zum Desktop-Computer. Aber auch in den westlichen Ländern gewinnt der „dritte Screen“ an Bedeutung. Wie Charles es ausdrückte: „In den USA bedeutet mobiler Zugang, im Hummer herumzufahren. Aber in Japan bedeutet das, verschlafen an einer Handschlaufe in einer überfüllten Bahn zu stehen“. Wir reden nicht nur von den 3 Millionen iPhones. Allein im letzten Jahr wurde Opera Mini 40 Millionen mal ausgeliefert. Und eine Entwicklergruppe in Kopenhagen arbeitet an einer mobilen Version von Mozilla!

Als Randbemerkung seien zwei Fragen aus dem Publikum erwähnt: Für multiplen Fileupload und Statusdialoge über den Upload-Stand gibt es eine eigene W3C-Arbeitsgruppe, die eng mit der XMLHttpRequest-Gruppe zusammenarbeitet. Und an nativem Browsersupport für Video- und Audio-Inhalte arbeitet die HTML5-Arbeitsgruppe.

Bis das iPhone auftauchte, war mobiler Zugang in Europa ja immer ein wenig belächelt. Für einige unserer Kunden ist die globale Situation allerdings interessanter: Die Zahl der Menschen mit Telefonanschluss pro tausend Einwohner stieg von 2001-2005 in Ländern mit niedrigem Einkommen von 31 auf 113 (+265%), in Ländern mit mittlerem Einkommen von 260 auf 587 (+126%) und in Ländern mit hohem Einkommen von 1171 auf 1337 (+14%). Internet-Nutzung stieg in Ländern mit niedrigem Einkommen von 5 auf 44 (+780%), in solchen mit mittlerem Einkommen von 35 auf 114 (+226%) und in solchem mit hohem von 378 auf 523 (+38%). Das jetzt mal schnell mit den Bevölkerungszahlen von Indien, China und den anderen Ländern multipliziert… wo also können Global Player neue Märkte erschließen? (Quelle: World Bank Group, World Development Indicators 2007)

One Laptop per Child Computer Und wo soll das alles hinführen? Programme wie eInclusion 2010 der Europäischen Kommission, das „One Laptop per Child“-Programm oder 50×15 werden dazu beitragen, die digitale Lücke zu schließen und Chancengleichheit zu bringen. Aber auch die Funktion des Mobiltelefons wird sich ändern. In Italien sind heute schon Video-Anrufe gängig, und in Kenya werden alte Telefone an Straßenständen für $12 zusammengelötet oder repariert. In ganz Afrika verwenden Menschen „Flash Calls“: einmal klingeln heißt „ja“, zweimal „nein“. Daraufhin wurde in Südafrika ein werbefinanzierter SMS-Service eingerichtet für „ruf mich zurück“, der heute 20 Millionen SMS täglich versendet. In Indien werden Videos via Bluetooth vertrieben (in Kuba auf USB-Sticks). Überall auf der Welt wollen Menschen kostenlose Features haben. Und die sollen wirklich einfach zu benutzen sein.

In einigen Städten werden bereits Location Based Services angeboten, per GPS oder Triangulation. Telefone werden mit Bewegungssensoren ausgestattet: der Anruf stört? Telefon einfach mit dem Screen nach unten legen. Telefone werden eine Menge von Wii lernen. Mit Handheld Stylesheets und Inhalten, die man unterwegs wirklich braucht, wird es dann schön hübsch und schlank. Durch Opera Mini oder Safari als Entwicklungsplattformen wird die Software-Entwicklung dramatisch günstiger, da nicht mehr auf gut 200 Plattformen getestet werden muss. Wir haben am iPhone gesehen, dass Mobiltelefone und Handheld Computer weiter verschmelzen, der Trend geht von Telefonnummern zu einer Web Architektur.

Und wenn wir dann alle schön ubiquitär erreichbar und global sind, braucht’s noch ein wenig Internationalisierung (internationalization – i18n). Jon Wiley erklärte Google’s Ansatz, Dinge universal zugänglich zu machen. Denn i18n ist weit mehr als nur Übersetzung. Inhalte müssen lokale Gesetze einhalten, das Marketing muss auf das Land abgestimmt, kulturell angemessen sein, und dann gibt es da noch technische Dinge wie Tastatur-Layouts, Währungs- und Datumsformate oder Besonderheiten für Schrift, die von rechts nach links oder in beide Richtungen geht. Zahlen zum Beispiel werden in arabisch und hebräisch von links nach rechts geschrieben. Trickreich, nicht wahr?

Auch meine eigene Core Conversation zusammen mit Gez Lemon zum Thema „Accessible Rich Internet Applications“ lief prima. Es gelang uns, einen Dialog mit dem Publikum anzustoßen. Und da die Autorin der W3C ARIA Working Drafts, die Programmiererin für ARIA in Firefox und Dojo sowie der Group Lead for Education and Outreach der Web Accessibility Initiative sich im Publikum befanden, war die Diskussion ein Kinderspiel. Dank des ARIA-Supports in Firefox 1.5+, Opera 9.5 und Internet Explorer 8.0 steht einem Einsatz in Projekten nichts mehr im Wege! Mehr dazu erzähle ich aber auch auf der Fachtagung „Einfach für Alle“ im Mai in Gelsenkirchen und bei der namics-Fachtagung zur Barrierefreiheit in Frankfurt voraussichtlich im Juni.

Abends hing ich dann mit Freunden vom Web Standards Project (WaSP) oder Barrierefreiheits-Experten ab (darunter die besagten Ladies des W3C), was dem ganzen noch den sozialen Glanz verlieh. Was ich sonst noch gelernt habe? Die Abendgarderobe in Austin ist etwas seltsam. Junge Frauen liefen in Röcken herum, die hier als Gürtel gelten würden. Mädels, Britney Spears ist kein gutes Rollenmodell, ehrlich! – Klimaanlagen zu hassen. Ich habe sieben Tage nur gefroren. – Leute zu lieben, die ihren Job richtig gut machen. Die Durchsagen in der U-Bahn von Washington ließen auf einen ausgeglichenen, eloquenten Menschen schließen (oder einfach auf gute Fassade), zurück in der Frankfurter S-Bahn dann ein mürrischer, monotoner Kerl, der seinen Job hasst. Der Tontechniker in Austin, den alle Vortragenden mit Vornamen kannten – Leute bemerken den Unterschied!

3 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
05
Mär
Barrierefreiheit im Internet - Vortrag an der FHNW
gepostet von am 05.03.2008 um 09:39

Am Campus Talk der Fachhochschule Nordwestschweiz (FHNW) habe ich gestern ein Keynote zum Thema „Barrierefreiheit im Internet“ gehalten. Die Herausforderung dabei war in 30 Minuten so gut als möglich auf das Thema Accessibility hin zu sensibilisieren. Die wichtigste Botschaft war, dass Barrierefreiheit ein Teilaspekt der Usability ist und sich Barrierefreiheit in aller Regel nicht durch das sture Einhalten von Richtlinien erzielen lässt.
Wer einen kurzen Überblick über die Thematik sucht oder die Links der Beispiele nachlesen möchte, der sei auf das Handout
verwiesen.
Im Anschluss an das Keynote wurde eine moderierte Diskussionsrunde rund um die Themen Quickwins, WAI-Audits und Bekanntheit der Barrierefreiheit durchgeführt. Die Gespräche waren sehr aufschlussreich und ich habe die Veranstaltung mit dem Gefühl verlassen, dass wir dem Internet für ALLE wieder einen Schritt näher gekommen sind.

2 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
28
Feb
Kennen Sie Barrieren? Virtuelle Grenzen überwinden. [Einladung]
gepostet von am 28.02.2008 um 12:05

Morgen Freitag, 29. Februar 2008 möchte ich es erneut wagen mit meinen Referenten virtuelle Grenzen zu überwinden. Gleichzeitig sollen während der Fachveranstaltung die Besucher mit möglichen Barrieren konfrontiert werden. Unter dem Motto „Barrieren erleben“ bieten wir in der Pause Fachstände zum Thema Gebärdensprache, Sehbehinderungen und Blindheit an. Sensibilisierung ist in meinen Augen der erste Schritt dazu sich überhaupt bestehender Barrieren bewusst zu werden.

Die Veranstaltung beginnt mit einem Keynote zum Thema Barrierefreiheit. Dabei werde ich die Gelegenheit nutzen, das neue eCH Hilfsmittel zur Accessibility vorzustellen, das einen wirklichen Mehrwert für jedes Projekt mit Fokus Internet für ALLE darstellen kann.

Für das zweite Referat konnte ich Stephan Kübler, Customer Experience Specialist bei der Credit Suisse gewinnen. Er wird das Thema Barrierefreiheit aus der Perspektive des Architekten betrachten und schildern wie die Credit Suisse zum ganzheitlichen Ansatz der Barrierefreiheit gefunden hat. Die Rampe vor der Filiale oder das barrierefreie Internet-Banking ist dabei nur ein Teil vom Ganzen.

Folgen werden dann Referate zum Thema „Technische Barrieren abbauen“ von Marcel Albertin, „Visuelle Barrieren abbauen“ von Patrik Giacobbo und „Inhaltliche Barrieren abbauen“ von Jürg Stuker. Das Inhalts-Thema hat einen besonderen Stellenwert. Im täglichen Kampf mit der Technik ist man schnell versucht zu sagen, wenn das technische System (z.B. ein CMS) barrierefreien Code produzieren kann, dann steht der Barrierefreiheit nichts mehr entgegen. Dass Autoren dafür barrierefreie Texte produzieren, wird dabei fälschlicherweise oftmals als Nebensächlichkeit abgetan.

Die Veranstaltung steht jedem kostenfrei offen, bitte einfach über diesen Link anmelden: http://www.namics.com/grenzenlos-event
Die Handouts aller Referate sind hier zu finden: http://www.namics.com/wissen/vortraege.html#1530

0 Kommentar(e), 0 Trackback(s)
Kommentar abgeben / anzeigen
05
Dez
Barrierefreiheit: Die Schweiz wieder einen Schritt weiter
gepostet von am 05.12.2007 um 17:41

Gestern wurde von Christophe Strobbe aus der WAI Interest Group auf zwei Studien aus Québec und aus Belgien zum Thema Barrierefreiheit hingewiesen. In der Studie aus Québec werden die 200 beliebtesten Websites auf ihre Accessibility hin überprüft. Die belgische Studie analysierte 233 Websites (entweder dänisch oder französisch).
In Québec war das Ergebnis, dass keine signifikante Verbesserung der Barrierefreiheit seit der letzten Studie vor drei Jahren stattgefunden hat. Nur 15% der evaluierten Sites erreichten eine akzeptable Zugänglichkeit.
Für die belgischen Websites war das Fazit nicht viel besser, dabei wurden noch nicht einmal die WCAG-Leitlinien voll zur Anwendung gebracht. Es wurden „lediglich“ 14 Fragen gestellt. Beispiel: Werden alle Grafiken alternativ beschriftet? Hat jede Seite einen aussagekräftigen ? Fazit: Von den 14 gestellten Fragen mussten bei 96% der Seiten wenigstens 11 Fragen verneint werden.<br /> .. und wo stehen wir?<br /> Auch in der Schweiz wiederholte die Stiftung „<a href="http://www.zugang-fuer-alle.ch">Zugang für alle</a>“ zusammen mit der namics dieses Jahr die <a href="http://www.access-for-all.ch/de/studie/index.html">Studie</a> über die „Behindertentauglichkeit Schweizer Websites“. Diese wurde im September veröffentlicht. Gleich wie für Belgien und Québec fällt das Fazit nicht ganz überwältigend aus, auch wenn in der Schweiz aufgrund des CI/CD-Bunds‘ doch einiges in Bewegung ist. Würde man sich jedoch auf die beliebtesten Websites der Schweizer Bürger fokussieren, wäre das Fazit sicherlich schlechter.<br /> Immerhin, es gibt positive Signale. Es wurden von <a href="http://www.ech.ch ">eCH</a> am 23. November 2007 die beiden Anträge eCH-0059 Accessibility-Standard und eCH-0060 Accessibility Hilfsmittel (Leitfaden) angenommen. <br /> Das heisst, zukünftig gibt es eine einheitliche Leitlinie wie vor allem Städte und Gemeinden ihre Websites barrierefrei gestalten können. Die Arbeitsgruppe zur Erarbeitung bestand aus Vertretern der Kantone und Städte sowie der Privatwirtschaft. Zur Leitlinie hinzu gehört ein Leitfaden, der jedem kostenlos zur Verfügung steht, der Webauftritte zugänglich gestalten möchte. Die Dokumente werden noch übersetzt und folgen in Kürze. <br /> Die Verabschiedung der Dokumente zeigt, dass wir wieder einen Schritt weitergekommen sind beim Thema Barrierefreiheit. Die nächste Aufgabe ist die Verbreitung der Dokumente, damit jeder weiss, wie Barrierefreiheit zur Realität werden kann.<br /> Ich bleibe dran!</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2007/12/barrierefreihei_3.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000964" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/905" dc:title="Was ist Barrierefreiheit? - ein ALT-Attribut erklärt es" dc:identifier="http://blog.namics.com/accessibility/index.html#000964" dc:subject="Accessibility" dc:description="Falls jemand noch nicht wissen sollte wie sich Barrierefreiheit visualisieren lässt, der schaue sich das ALT-Attribut eines namhaften deutschen Küchengeräte Herstellers an, der mit einem speziellen Link eine barrierefreie Zusatzpräsenz anbietet: Für die bessere Lesbarkeit noch als Plain-Text: Bild symbolisiert..." dc:creator="" dc:date="2007-06-20T15:15:00+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 20 </div> <div class="calendar_month"> Jun </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2007/06/was_ist_barrier.html">Was ist Barrierefreiheit? - ein ALT-Attribut erklärt es</a> </div> <div class="title_metadata"> gepostet von am 20.06.2007 um 15:15 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Falls jemand noch nicht wissen sollte wie sich Barrierefreiheit visualisieren lässt, der schaue sich das ALT-Attribut eines namhaften deutschen Küchengeräte Herstellers an, der mit einem speziellen Link eine barrierefreie Zusatzpräsenz anbietet:</p> <p><a href="http://blog.namics.com/2007/alt_barrierefreiheit.jpg"><img alt="" src="http://blog.namics.com/2007/alt_barrierefreiheit-thumb.jpg" width="427" height="160"/></a></p> <p>Für die bessere Lesbarkeit noch als Plain-Text: Bild symbolisiert Barrierefreiheit, in dem ein Mädchen über die Mauer schaut, andere Personen drehen uns den Rücken zu.</p> <p>Hätten Sie gedacht, dass das Barrierefreiheit ist? Ich war mir dessen bis jetzt unklar....</p> <p>PS: Ein DANKE an meinen Kunden von der Zürcher Kantonalbank, der mich auf dieses exzellente Beispiele zum Thema Sinn und Unsinn von ALT-Attributen hingewiesen hat.</p> </div> <div class="metadata"> <div class="metadata_left"> 3 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2007/06/was_ist_barrier.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000962" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/903" dc:title="Fussangeln 2.0 - Technische Herausforderungen bei der Interaktivität" dc:identifier="http://blog.namics.com/accessibility/index.html#000962" dc:subject="Accessibility" dc:description="Leider ohne Jürg Stuker (er ist auf dem Weg zwischen Basel und Freiburg in Stellwerkstörungen verloren gegangen) habe ich heute einen Vortrag mit dem Thema "Fussangeln 2.0 - Technische Herausforderungen bei der Interaktivität im "neuen" Web am 6. Kongress Barrierefreies..." dc:creator="" dc:date="2007-06-20T14:15:15+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 20 </div> <div class="calendar_month"> Jun </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2007/06/fussangeln_20_t.html">Fussangeln 2.0 - Technische Herausforderungen bei der Interaktivität</a> </div> <div class="title_metadata"> gepostet von am 20.06.2007 um 14:15 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Leider ohne <a href="http://www.namics.com/ueber-uns/namics-team/mitarbeiter/liste/J%26uuml%3Brg_Stuker/d2fa5e83c9.html?no_cache=1">Jürg Stuker</a> (er ist auf dem Weg zwischen Basel und Freiburg in Stellwerkstörungen verloren gegangen) habe ich heute einen Vortrag mit dem Thema "Fussangeln 2.0 - Technische Herausforderungen bei der Interaktivität im "neuen" Web am <a href="http://www.zgdv.de/zgdv/zgdv/Seminar/Darmstadt/Kongresse/6_EGov">6. Kongress Barrierefreies e-Government </a>gehalten. Der Kongress Barrierefreies E-Government wird vom <a href="http://www.zgdv.de/zgdv/ZGDVProfile">ZGDV (Zentrum für Graphische Datenverarbeitung)</a> in Kooperation mit <a href="http://www.webforall.info/">WEB for ALL</a> am Fraunhofer Institut durchgeführt.</p> <p>Hier ein Übersicht über die Beiträge:<br /> - Barrieren im Web 1.0 und 2.0<br /> Anna Courtpozanis & Brigitte Luckhardt<br /> WEB for ALL<br /> - Barrierefreiheit 2.0: Behinderung ist die mangelnde Fähigkeit, mit schlechtem Design umgehen zu können<br /> Tomas Caspers<br /> freier Berater<br /> - Fussangeln 2.0 - Technische Herausforderungen bei der Interaktvität im "neuen" Web<br /> Luzia Hafen<br /> namics ag<br /> - Accessible Rich Internet Applications (ARIA) - Ein neuer Standard des W3C zur Barrierefreiheit von Web 2.0 Anwendungen<br /> Dr. Gottfried Zimmermann<br /> Access Technologies Group<br /> - Barrierefreiheit und TYPO3<br /> Andreas Storch<br /> + sinngemaess GbR<br /> - Virtueller Hürdenlauf - AJAX und Co. auf dem Prüfstand<br /> Ansgar Hein<br /> anatom5 perception marketing<br /> - Barrierefreies Internet mit Papoo<br /> Carsten Euwens<br /> Papoo Software<br /> - Südwestrundfunk SWR baut Web-Barrieren ab<br /> Rainer Schlegel<br /> agentur 52eins<br /> - Warum Gehörlose Menschen in besonderer Weise vom Web 2.0 profitieren<br /> Arne Ohlsen, enteraktiv Gesellschaft für barrierefreie IT-Lösungen mbH<br /> Ralph Raule, Gebärdenwerk<br /> - AJAX-Formulare im Bürger-Service: Komfortabel UND barrierefrei?<br /> Jan Schwate<br /> freier Berater</p> <p>Mein Vortrag geht auf die Probleme ein, die beim Einsatz von AJAX auftreten können. Gleichzeitig werden Zwischenlösungen präsentiert und ein Ausblick geboten, wie sich Barrierefreiheit und AJAX miteinander kombinieren lassen. Ein Exkurs geht zum Schluss auch auf den Einsatz von Flash und PDFs ein.</p> <p>Download Vortrag <a href="http://blog.namics.com/2007/NAMICS_Fussangeln-Web_2.0_20JUN07_v2.pdf">"Fussangeln 2.0 - Technische Herausforderungen bei der Interaktivität im "neuen" Web" [pdf, 351 KB] </a></p> </div> <div class="metadata"> <div class="metadata_left"> 2 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2007/06/fussangeln_20_t.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/orbitiex/index.html#000930" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/871" dc:title="Barrierefreiheit, Web 2.0 und AJAX [Vortrag]" dc:identifier="http://blog.namics.com/orbitiex/index.html#000930" dc:subject="Orbit-iEX" dc:description="Die Nutzungsschnittstellen des sozialen Webs (aka Web 2.0) sind häufig mit AJAX stark interaktiv ausgelegt. Plötzlich unterstützen Browseranwendungen "Drag and Drop" oder auch die Bedienung über Tastatur. Gute Nachricht? Ja, meist.Einerseits gilt es die Suchmaschinentauglichkeit zu beachten, andererseits der Zugang..." dc:creator="Jürg Stuker" dc:date="2007-05-24T14:19:02+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 24 </div> <div class="calendar_month"> Mai </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2007/05/barrierefreihei_2.html">Barrierefreiheit, Web 2.0 und AJAX [Vortrag]</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 24.05.2007 um 14:19 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Die Nutzungsschnittstellen des sozialen Webs (aka Web 2.0) sind häufig mit AJAX stark interaktiv ausgelegt. Plötzlich unterstützen Browseranwendungen "Drag and Drop" oder auch die Bedienung über Tastatur.</p> <p>Gute Nachricht? Ja, meist.Einerseits gilt es die <a href="http://blog.namics.com/2006/06/ajaxkonferenz_s.html">Suchmaschinentauglichkeit</a> zu beachten, andererseits der Zugang für Menschen mit Behinderungen, die Barierefreiheit. Mit diesen Aspekt (plus <a href="http://blog.namics.com/2006/08/barrierefreie_p_1.html">zugängliche PDF Dokumente</a> und <a href="http://blog.namics.com/2006/07/flash_barrieref.html">zugängliches Flash</a>) befasst sich der Vortrag von namics zusammen mit unserem Partner, der <a href="http://www.zugang-fuer-alle.ch/">Stiftung "Zugang für alle"</a>.</p> <p>Hier der Vortrag: <a href="http://blog.namics.com/2007/Orbit-iEX_b12_Barrierefreiheit_Web_2.0_AJAX_24Mai07_v1.pdf">Barrierefreiheit, Web 2.0 und AJAX [pdf, 1,2 MB]</a></p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2007/05/barrierefreihei_2.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000848" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/789" dc:title="Whitepaper „Internet-Zugang ohne Barrieren“ aktualisiert" dc:identifier="http://blog.namics.com/accessibility/index.html#000848" dc:subject="Accessibility" dc:description="Nachdem die Richtlinie des Bundes für die Gestaltung von barrierefreien Internetangeboten (P028) vom Informatikrat Bund schon eine Weile verabschiedet worden ist, habe ich dies nun endlich zum Anlass genommen das Whitepaper auf den neusten Stand zu bringen. Wer einen Überblick..." dc:creator="" dc:date="2007-02-23T10:05:48+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 23 </div> <div class="calendar_month"> Feb </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2007/02/whitepaper_inte.html">Whitepaper „Internet-Zugang ohne Barrieren“ aktualisiert</a> </div> <div class="title_metadata"> gepostet von am 23.02.2007 um 10:05 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Nachdem die Richtlinie des Bundes für die Gestaltung von barrierefreien Internetangeboten (<a href="http://www.zugang-fuer-alle.ch/de/richtlinien.html">P028</a>) vom Informatikrat Bund schon eine Weile verabschiedet worden ist, habe ich dies nun endlich zum Anlass genommen das Whitepaper auf den neusten Stand zu bringen.<br /> Wer einen Überblick über das Thema Barrierefreiheit & Usability erhalten möchte und Argumente für eine barrierefreie Website braucht, findet im <a href="http://www.namics.com/uploads/tx_namicsdownloadlink/namics_WAI-Whitepaper_24JAN07_V3_01.pdf">Whitepaper Internet-Zugang ohne Barrieren [.PDF 1.3MB]</a> mit Sicherheit wertvolle Informationen!<br /> Viele Spass beim Lesen!</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2007/02/whitepaper_inte.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000715" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/661" dc:title="Sind CAPTCHAs barrierefrei?" dc:identifier="http://blog.namics.com/accessibility/index.html#000715" dc:subject="Accessibility" dc:description="Man sieht sie inzwischen öfters diese sog. CAPTCHAs (Completely Automated Public Turing-Test to tell Computers and Humans Apart) bei der Anmeldung zum neuen E-Mail-Account, bei sunrise im Kundenservice und inzwischen selbst auf Blogs. Sinn und Zweck ist in aller Regel..." dc:creator="" dc:date="2006-11-01T09:35:06+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 01 </div> <div class="calendar_month"> Nov </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/11/sind_captchas_b.html">Sind CAPTCHAs barrierefrei?</a> </div> <div class="title_metadata"> gepostet von am 01.11.2006 um 09:35 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Man sieht sie inzwischen öfters diese sog. <a href="http://blog.namics.com/2004/04/mensch_oder_mas.html">CAPTCHAs</a> (<em>C</em>ompletely <em>A</em>utomated <em>P</em>ublic <em>T</em>uring-Test to tell <em>C</em>omputers and <em>H</em>umans <em>A</em>part) bei der Anmeldung zum neuen E-Mail-Account, bei sunrise im Kundenservice und inzwischen selbst auf Blogs. Sinn und Zweck ist in aller Regel die Unterbindung von Spam, da es durch den Einsatz von CAPTCHAs nicht mehr möglich das Formular maschinell abzusenden.<br /> ABER haben Sie schon einmal versucht als blinde oder hochgradig sehbehinderte Person eine solche Grafik zu entziffern?<br /> <img alt="Screenshot Anmeldeprozess zu Yahoo-Mail" src="http://blog.namics.com/captcha_yahoo-thumb.jpg" border="1" /><br /> Mein Kollege erzählte mir soeben er hätte beim letzten Mal drei Versuche benötigt bis es ihm gelungen sei den Text zu entziffern und er ist definitiv nicht sehbehindert. Bleibt die Erkenntnis, dass CAPTCHAs für sehbehinderte Menschen eine unüberwindbare Barriere darstellen und gerade deshalb bedarf es einer alternativen Lösung.<br /> Die einfachste ist es den Inhalt der CAPTCHA-Grafik zusätzlich als Audiodatei zur Verfügung zu stellen. Dieses Prinzip wendet beispielsweise auch Google erfolgreich an<br /> <img alt="Screenshot des Anmeldeprozess zu Gmail" src="http://blog.namics.com/captcha_google.jpg" border="1" /><br /> Eine Befassung mit dieser Problematik ist dringlich, da der Einsatz von CAPTCHAs stetig zunimmt, es ist bedauerlich, dass aufgrund von technischen Unzulänglichkeiten nicht nur Spammer sondern auch behinderte Menschen ausgeschlossen werden!</p> </div> <div class="metadata"> <div class="metadata_left"> 11 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/11/sind_captchas_b.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000690" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/637" dc:title="Barrierefreiheit im e-Government eine Selbstverständlichkeit?!" dc:identifier="http://blog.namics.com/accessibility/index.html#000690" dc:subject="Accessibility" dc:description=""Basel-Stadt hat den besten Internetauftritt" war heute zu lesen und gemäss der Bedag Informatik AG, welche den Preis ausschreibt, sticht das Angebot besonders durch sein vielseitiges Informationsangebot, die dreisprachige Startseite sowie durch einen interaktiven Stadtplan heraus. Ebenso zu lesen war,..." dc:creator="" dc:date="2006-10-10T18:06:49+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 10 </div> <div class="calendar_month"> Okt </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/10/wann_ist_barrie.html">Barrierefreiheit im e-Government eine Selbstverständlichkeit?!</a> </div> <div class="title_metadata"> gepostet von am 10.10.2006 um 18:06 </div> </div> <div class="stopfloat"></div> <div class="content"> <p><a href="http://www.netzwoche.ch/netzwoche/netzwocheticker-news.cfm?id=29973&datum=2006-10-10">"Basel-Stadt hat den besten Internetauftritt"</a> war heute zu lesen und gemäss der <a href="http://www.bedag.ch/bistro/news/061009_mm_eugen_egov.asp">Bedag Informatik AG</a>, welche den Preis ausschreibt, sticht das <a href="http://www.bs.ch/">Angebot</a> besonders durch sein vielseitiges Informationsangebot, die dreisprachige Startseite sowie durch einen interaktiven Stadtplan heraus.</p> <p>Ebenso zu lesen war, dass als wichtigste Wünsche an das Electronic Government Bedienerfreundlichkeit (Einfachheit, Sprache, Übersicht), Informationsqualität aber auch der persönliche Kontakt im Austausch mit der Verwaltung genannt werden.<br /> Einfachheit, Sprache, Übersichtlichkeit - alles Kriterien der Barrierefreiheit, wie steht es also mit der Zugänglichkeit zur Website?<br /> > Sprachauszeichnung im Quellcode - trotz dreisprachigem Angebot -> Fehlanzeige<br /> > Strukturierungshilfen in Form von Überschriften "h1" oder "th" -> Fehlanzeige bei mehr als 60 Links auf der Startseite<br /> > Kontrast -> Fehlanzeige sowohl Farbdiffferenz wie auch Helligkeitsdifferenz sind weit unter den Vorgaben des W3C<br /> Leider also kein Testsieger in Sachen Barrierefreiheit - Verbesserungspotenzial, damit bald ALLE Menschen in den Genuss der besten Internetpräsenz des Jahres in der Kategorie Kantone kommen!</p> </div> <div class="metadata"> <div class="metadata_left"> 4 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/10/wann_ist_barrie.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000661" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/608" dc:title="Vorlesefunktion auf Webseiten, barrierefrei?!" dc:identifier="http://blog.namics.com/accessibility/index.html#000661" dc:subject="Accessibility" dc:description="Der Netzwoche-Ticker titelte gestern "Barrierefreies Internet: Neuer Dienst liest Webseiten vor". Aus dem Artikel könnte man herauslesen, dass das Anbieten einer automatischen Lesefunktion eine Seite barrierefrei machen würde. Diesem Eindruck möchte ich widersprechen, es reicht keinesfalls aus ein MP3 auf..." dc:creator="" dc:date="2006-09-07T10:49:02+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 07 </div> <div class="calendar_month"> Sep </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/09/vorlesefunktion.html">Vorlesefunktion auf Webseiten, barrierefrei?!</a> </div> <div class="title_metadata"> gepostet von am 07.09.2006 um 10:49 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Der Netzwoche-Ticker titelte gestern <a href="http://www.netzwoche.ch/netzwoche/netzwocheticker-news.cfm?id=29754&datum=2006-09-06&email=21340">"Barrierefreies Internet: Neuer Dienst liest Webseiten vor"</a>. Aus dem Artikel könnte man herauslesen, dass das Anbieten einer automatischen Lesefunktion eine Seite barrierefrei machen würde. Diesem Eindruck möchte ich widersprechen, es reicht keinesfalls aus ein MP3 auf die Website zu stellen und zu glauben, dass damit eine Webseite für Menschen mit Behinderung zugänglich wäre. Was haben hörbehinderte Menschen von einem MP3?<br /> Haben Sie sich schon einmal ein Wort in einem MP3 buchstabieren oder einen Satz wortweise vorlesen lassen? Sind Sie schon einmal innerhalb eines MP3 von Link zu Link gesprungen oder haben einen Link darin aufgerufen? [Sollten Sie wissen wie so etwas schnell und effizient geht, bitte direkt bei der Autorin melden!]<br /> Keinesfalls kann eine automatische Vorlesefunktion eine Sprachausgabe wie beispielsweise JAWS ersetzen. JAWS liest nicht nur die Internetseite vor, sondern ermöglicht auch die Bedienung des Browsers und der Internetinhalte. Eine automatische Vorlesefunktion ist nicht "interaktiv" wie ein Screenreader und ist wenn überhaupt eine Ergänzung zu einer Website [ich denke da an podcasts, etc.] nicht aber der Ersatz für eine barrierefreie Website. <br /> Apropos, auch die Gesetzgebung akzeptiert eine automatische Vorlesefunktion nicht als Ersatz für eine barrierefreie Internetpräsenz. Nach wie vor gilt: zuerst muss das Ausgangsmedium - die Internetpräsenz - für alle Menschen zugänglich sein - die Vorlesefunktion kann dann eine Ergänzung dazu sein!</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/09/vorlesefunktion.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000660" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/607" dc:title="Barrierefreiheit im Internet: Unterlagen der Fachtagung" dc:identifier="http://blog.namics.com/accessibility/index.html#000660" dc:subject="Accessibility" dc:description="In etwa 8 Stunden beginnt unsere Fachtagung in Bern und hier für Weblog-Leser bereits die Präsentationen. >> Anhand der zwei Projektvorgehensmodelle namics PEP und Hermes werden zahlreiche Tipps und Beispiele gezeigt. Ziel ist die bessere Zugänglichkeit für Web-Anwendungen zu erhalten...." dc:creator="Jürg Stuker" dc:date="2006-09-06T01:19:37+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 06 </div> <div class="calendar_month"> Sep </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/09/barrierefreihei_1.html">Barrierefreiheit im Internet: Unterlagen der Fachtagung</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 06.09.2006 um 01:19 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>In etwa 8 Stunden beginnt unsere <a href="http://www.namics.com/news-medien/daten-events/namics-fachtagung-internet-fuer-alle.html">Fachtagung in Bern</a> und hier für Weblog-Leser bereits die Präsentationen.</p> <p>>> Anhand der zwei Projektvorgehensmodelle <a href="http://www.namics.com/pep">namics PEP</a> und <a href="http://www.hermes.admin.ch/">Hermes</a> werden zahlreiche Tipps und Beispiele gezeigt. Ziel ist die bessere Zugänglichkeit für Web-Anwendungen zu erhalten. Zudem der Bezug zu den Richtlinien <a href="http://internet.isb.admin.ch/internet/informatikstandards/standardindex/01789/index.html">P028</a> und <a href="http://internet.isb.admin.ch/internet/informatikstandards/standardindex/01825/index.html">R013</a>.</p> <p><strong>Download:</strong> <a href="http://blog.namics.com/2006/CI-CD-Bund_barrierefrei_Sept06.pdf">[pdf, 1.6MB] Wie können anspruchsvolle CI/CDs wie beispielsweise das des Bundes barrierefrei umgesetzt werden?</a></p> <p>>> Der Aspekt der Hörbehinderung resp. der Hörlosigkeit im Bezug auf Web-Angebote inkl. praktischer Beispiele, der Bedeutung für Menschen und einigen Anhaltspunkten für das bessere Verständnis der Gebärdensprache. Im Schweizer Gesetz (<a href="http://www.admin.ch/ch/d/sr/151_31/a10.html">Art. 10 Abs. 1 BehiV</a>) ist diese Zugänglichkeit explizit auch gefordert.</p> <p><strong>Download:</strong> <a href="http://blog.namics.com/2006/Wie-erleben-Gehoerlose-das-Web-Ralph_Raule_Sept06.pdf">[pdf, 474KB] Wie erleben gehörlose Menschen das Web? Oder: Eine Reise in eine andere Welt.</a></p> <p>>> Ein <a href="http://www.w3.org/People/shadi/">Vertreter des weltweiten Standardgremiums W3C</a> erklärt kurz die Philosophie der WCAG 1.0 und den Weg resp. den Zusammenhang mit der nachfolgenden Version, den WCAG 2.0. Diese werden in der Zukunft -- Termin noch nicht klar -- auch die Grundlage der Schweizer Richtlinien bilden.</p> <p><strong>Link:</strong> <a href="http://www.w3.org/People/shadi/Talks/2006/0906/WAI/slidy">Accessible Web Development</a></p> <p>>> Und eine praktische Erklärung mit Vorführung dazu, wie sich barrierefreie Adobe Acrobat Dateien (pdfs) erstellen lassen. Grundlage bietet dazu die <a href="http://blog.namics.com/2006/08/barrierefreie_p_1.html">Richtlinie der (Schweizer) Bundesverwaltung</a>.</p> <p><strong>Dowload:</strong> <a href="http://blog.namics.com/2006/PDF-Barrierefrei_Sept06.pdf">[pdf, 230KB] Wie werden barrierefreie.pdfs erstellt?</a></p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/09/barrierefreihei_1.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000658" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/605" dc:title="Der Aspekt der Gehörlosigkeit aus erster Hand und ein Vertreter vom W3C zu den WCAG 2.0" dc:identifier="http://blog.namics.com/accessibility/index.html#000658" dc:subject="Accessibility" dc:description="Diesen Mittwoch führt namics in Bern erneut eine Fachtagung zur Behindertentauglichkeit von Web-Anwendungen durch. Die Fokusthemen: > Wie "erleben" Gehörlose das Web (hier ein vergangener Post dazu). Vertreten durch Herrn Ralph Raule vom Gebärdenwerk einem europaweiten Experten zum Thema, selbst..." dc:creator="Jürg Stuker" dc:date="2006-09-04T12:03:43+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 04 </div> <div class="calendar_month"> Sep </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/09/der_aspekt_der.html">Der Aspekt der Gehörlosigkeit aus erster Hand und ein Vertreter vom W3C zu den WCAG 2.0</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 04.09.2006 um 12:03 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Diesen Mittwoch führt <a href="http://www.namics.com/news-medien/daten-events/namics-fachtagung-internet-fuer-alle.html">namics in Bern erneut eine Fachtagung zur Behindertentauglichkeit von Web-Anwendungen</a> durch. Die Fokusthemen:</p> <p>> Wie "erleben" Gehörlose das Web (<a href="http://blog.namics.com/2006/03/behinderungsart.html">hier ein vergangener Post dazu</a>). Vertreten durch <a href="http://www.dgs-filme.de/GWHomepage/team.htm">Herrn Ralph Raule vom Gebärdenwerk</a> einem europaweiten Experten zum Thema, selbst hörbehindert.</p> <p>> Herr <a href="http://www.w3.org/People/all#shadi">Shadi Abou-Zahra vom World Wide Web Consortium (W3C)</a> informiert über den Stand von vertritt die nächste Version (<a href="http://alistapart.com/articles/tohellwithwcag2/">und umstrittenen</a>) der <a href="http://www.w3.org/TR/WCAG20/">Web Content Accessibility Guidelines (WCAG 2.0)</a> die auch Grundlage des Schweizer Gesetzes sind.</p> <p>> Zudem einen Beitrag zur <a href="http://blog.namics.com/2006/08/barrierefreie_p_1.html">Erstellung von barrierenfreien PDFs</a> und weitere wichtige Hilfestellungen zur Umsetzung der Bundesrichtlinien <a href="http://internet.isb.admin.ch/internet/informatikstandards/standardindex/01789/index.html">P028</a> und <a href="http://internet.isb.admin.ch/internet/informatikstandards/standardindex/01825/index.html">R013</a>.</p> <p><strong><a href="http://www.namics.com/news-medien/daten-events/namics-fachtagung-internet-fuer-alle.html">Hier mehr Informationen und zur Anmeldung.</a></strong></p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/09/der_aspekt_der.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000636" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/583" dc:title="Schweizer Zertifizierung für barrierefreie Websites lanciert" dc:identifier="http://blog.namics.com/accessibility/index.html#000636" dc:subject="Accessibility" dc:description="Die Stiftung Zugang für alle lancierte heute ein Qualitätslabel für Websites, geprüft durch Menschen mit Behinderungen. Grundlage sind die WCAG-Regeln des W3C welche sowohl für die Schweizer wie auch für fast alle internationalen Gesetzgebungen verbindlich sind. >> http://www.label4all.ch/ Endlich tragen..." dc:creator="Jürg Stuker" dc:date="2006-08-16T21:40:55+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 16 </div> <div class="calendar_month"> Aug </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/08/schweizer_zerti.html">Schweizer Zertifizierung für barrierefreie Websites lanciert</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 16.08.2006 um 21:40 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Die <a href="http://www.zugang-fuer-alle.ch/">Stiftung Zugang für alle</a> lancierte heute <a href="http://www.label4all.ch/de/zertifizierung/04_zertifikatsstufen.html">ein Qualitätslabel</a> für Websites, geprüft durch Menschen mit Behinderungen. Grundlage sind die <a href="http://www.w3.org/WAI/intro/wcag.php">WCAG-Regeln des W3C</a> welche sowohl für die Schweizer wie auch für fast alle internationalen Gesetzgebungen verbindlich sind.</p> <p>>> <a href="http://www.label4all.ch/">http://www.label4all.ch/</a></p> <p>Endlich tragen die Früchte der <a href="http://www.namics.com/wai">Studie über die Behindertentauglichkeit von Schweizer Website, der Gesetzgebung und unser gemeinsamenes Testverfahrens mit ZfA Früchte</a>. Ich hoffe auf eine Breitenwirkung.</p> <p>Das Modell ist ziemlich ähnlich <a href="http://www.drempelvrij.nl/waarmerk">so wie in Holland</a> und natürlich ist namics mit einer <a href="http://www.erdgas.ch/">Pilotsite www.erdgas.ch</a> (Danke Frau Weber für die Unterstützung) bereits zertifiziert. <a href="http://www.label4all.ch/de/tests/03_zertifiziertewebagenturen.html">Auch ist namics eine für Umsetzungen empfohlener Dienstleister</a>.</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/08/schweizer_zerti.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000613" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/560" dc:title="Barrierefreie PDF - ein Hexenwerk?!" dc:identifier="http://blog.namics.com/accessibility/index.html#000613" dc:subject="Accessibility" dc:description="Gleich vornweg - NEIN, ist es nicht, ABER man muss wissen wie. Im Januar 2004 hatte ich diesbezüglich mein Dejavue-Erlebnis als ich von der Grafik-Agentur das PDF zur Studie der Behindertentauglichkeit Schweizer Websites erhielt. Die Aussage zur x-seitigen Studie von..." dc:creator="" dc:date="2006-08-07T21:54:00+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 07 </div> <div class="calendar_month"> Aug </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/08/barrierefreie_p_1.html">Barrierefreie PDF - ein Hexenwerk?!</a> </div> <div class="title_metadata"> gepostet von am 07.08.2006 um 21:54 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Gleich vornweg - NEIN, ist es nicht, ABER man muss wissen wie. Im Januar 2004 hatte ich diesbezüglich mein Dejavue-Erlebnis als ich von der Grafik-Agentur das PDF zur <a href="http://www.namics.com/wai">Studie der Behindertentauglichkeit Schweizer Websites</a> erhielt. Die Aussage zur x-seitigen Studie von JAWS diesbezüglich war "Leeres Dokument". </p> <p>Danach begann das leidige Nachbearbeiten eines in <a href="http://www.quark.com/products/xpress/">Quark Express</a> erstellten Dokumentes. Nach zwei Tage gab ich die Hoffnung auf das Dokument auf AA trimmen zu können und bat meine blinde Testerin <a href="http://www.access-for-all.ch/de/wer.html">Petra Ritter</a> ein RTF-Dokument zu erstellen.</p> <p>Was war also das Problem?<br /> - Quark liefert keine tagged PDFs, sondern teils Texte als Grafiken etc. - das heisst, für JAWS gibt es keinen Text zu lesen oder wenn überhaupt unstrukturiert</p> <p>Was macht ein PDF barrierefrei?<br /> - Trivial, aber essentiell: TEXT - Text ist hier nicht gleich Text, nur Klartext lässt sich sofort ohne Tricks vorlesen. JPGs als PDF umgewandelt sind also qua definitione nicht barrierefrei<br /> - Zusätzlich zum Text bedarf es Strukturinformationen - ganz ähnlich wie im Internet - Was ist eine Spalte? Was ist die Textrichtung? Was eine Überschrift? Was ein Bild? und nicht zu vergessen Alternativen für Bildinformationen etc.<br /> -> das alles nennt man vereinfacht gesagt ein tagged PDF</p> <p>Wie macht man so etwas?<br /> - fast von alleine geht es in Word, wenn mit der Formatvorlage gearbeitet wird<br /> - bei Grafikprogrammen ist per Heute leider nur <a href="http://www.adobe.com/products/indesign/">Adobe Indesign</a> in der Lage tagged PDF zu erstellen<br /> - und beim Distill-Vorgang ist darauf zu achten, dass tatsächlich die richtige Art von PDF erstellt werden. Apropos nur der Adobe Distiller ist momentan ohne Einschränkung in der Lage barrierefreie PDF-Dateien zu erstellen<br /> - Wer genau wissen will wie die PDF-Generierung funktioniert sei auf die kostenlose Dokumentation verwiesen, welche vom Bund für seine Autoren veröffentlicht wurde. Darin konnte ich direkt meine Erfahrungen einfliessen lassen: <a href="http://blog.namics.com/2006/Tutorial_fuer_barrierefreie_PDF-Dokumente.pdf">[pdf, 386 Bytes] Tutorial für barrierefreie PDF Dokumente]</a>.</p> <p><br /> PS Für's Protokoll die französische Version der Studie (erstellt mit Indesign) war dann übrigens auf Anhieb lesbar.</p> </div> <div class="metadata"> <div class="metadata_left"> 4 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/08/barrierefreie_p_1.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000612" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/559" dc:title="Flash barrierefrei - verträgt sich das?" dc:identifier="http://blog.namics.com/accessibility/index.html#000612" dc:subject="Accessibility" dc:description="Flash und Behindertentauglichkeit ist immer noch für viele ein No-Go - getreu dem Motto was brauchen behinderte Menschen multimediale Elemente?! Dabei handelt es sich allerdings um eine grobe Fehleinschätzung. Eignet sich Flash für behinderte Menschen genauso gut oder schlecht wie..." dc:creator="" dc:date="2006-07-31T09:20:00+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 31 </div> <div class="calendar_month"> Jul </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/07/flash_barrieref.html">Flash barrierefrei - verträgt sich das?</a> </div> <div class="title_metadata"> gepostet von am 31.07.2006 um 09:20 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Flash und Behindertentauglichkeit ist immer noch für viele ein No-Go - getreu dem Motto was brauchen behinderte Menschen multimediale Elemente?! Dabei handelt es sich allerdings um eine grobe Fehleinschätzung. Eignet sich Flash für behinderte Menschen genauso gut oder schlecht wie für "normale" Menschen. Sicherlich macht es nur begrenzt Sinn einen Flash-Banner mit ausschliesslich "emotionalem" Inhalt beispielsweise für blinde Menschen zu vertonen oder speziell für gehörlose Menschen zu untertiteln, ABER das ist dann noch keine Rechtfertigung dafür, dass die gesamte Internetpräsenz nicht zugänglich ist. Auch gibt es keinen Grund textuelle Informationen oder die Navigationen in Flash so zu gestalten, dass behinderte Menschen keine Chance haben diese zu lesen oder zu bedienen.</p> <p>Selbstredend wird Flash genauso wenig von selbst barrierefrei wie eine HTML-Seite. Jedoch ist es eine bewältigbare Aufgabe wie ein unvollständiger Überblick über das Thema zeigt: </p> <p>- <a href="http://www.dvbs-online.de/horus/2003-6-3181.htm">Flash - auch für Blinde und Sehbehinderte</a><br /> - <a href="http://www.barrierefreies-webdesign.de/knowhow/flash/features.php">Artikel über Zugänglichkeits-Features in Flash</a><br /> - <a href="http://www.barrierefreies-webdesign.de/knowhow/flash/probleme.php">Artikel über Zugänglichkeits-Probleme in Flash</a> <br /> - <a href="http://www.einfach-fuer-alle.de/artikel/flash/">Flash MX und die Zugänglichkeits-Richtlinien fürs Web</a> <br /> - <a href="http://www.alistapart.com/articles/flashmxmoving/">Englischsprachiger Artikel über Flash MX und Accessibility</a><br /> - <a href="http://www.webaim.org/howto/flash/">Englischsprachiges Tutorial über Flash MX und Accessibility mit Beispielen</a> <br /> - <a href="http://www.alistapart.com/stories/flashsatay/">Englischsprachiger Artikel: Flash in HTML einbetten</a><br /> - <a href="http://www.macromedia.com/resources/accessibility/">Englischsprachige Infos von Macromedia über Flash Player</a></p> <p><strong>Fazit: Flash kann barrierefrei sein!</strong></p> <p>Und hier noch <a href="http://blog.namics.com/2006/04/flash_mit_bookm.html">ein Artikel zu Flash und Suchmaschinentauglichkeit</a> sowie ein Vortrag zu <a href="http://blog.namics.com/2006/11/optimierung_von.html">Suchmaschinen und non-HTML Seiten</a> dazu.</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/07/flash_barrieref.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000611" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/558" dc:title="Netter Zug aber wirklich was dran? Google Accessible" dc:identifier="http://blog.namics.com/accessibility/index.html#000611" dc:subject="Accessibility" dc:description="Google hat seit gestern in seinem Lab-Bereich eine Accessibility-Suche. Auf den ersten Blick eine normale Google-Suche. Ich sehe den Nutzen für Menschen mit Behinderungen noch nicht. Also ab in das Accessible Search FAQ. Dort steht, dass Sites die für blinde..." dc:creator="Jürg Stuker" dc:date="2006-07-22T16:47:16+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 22 </div> <div class="calendar_month"> Jul </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/07/netter_zug_aber.html">Netter Zug aber wirklich was dran? Google Accessible</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 22.07.2006 um 16:47 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Google hat seit gestern in seinem Lab-Bereich eine <a href="http://labs.google.com/accessible/">Accessibility-Suche</a>.</p> <p><a href="http://blog.namics.com/2006/goog-lab-access.png"><img alt="Startseite der Gogle Accessibility Suche" src="http://blog.namics.com/2006/goog-lab-access-thumb.png" width="470" height="491" /></a></p> <p>Auf den ersten Blick eine normale Google-Suche. Ich sehe den Nutzen für Menschen mit Behinderungen noch nicht. Also ab in das <a href="http://labs.google.com/accessible/faq.html">Accessible Search FAQ</a>. Dort steht, dass Sites die für blinde und sehbehinderte User besser zugänglich sind, besser rangiert werden.</p> <blockquote>Accessible Search is an early Google Labs product designed to identify and prioritize search results that are more easily usable by blind and visually impaired users. Regular Google search helps you find a set of documents that is most relevant to your tasks. Accessible Search goes one step further by helping you find the most accessible pages in that result set.</blockquote> <p>Das wäre was Gutes aber der Begriff der Accessibilty ist für mich deutlich zu eng gefasst. Nur blinde und sehbehinderte Menschen im FAQ... Was ist mit motorischen Einschränkungen, Gehörlosigkeit; Sprachverständnis u.a? Was sind also Googles Kriterien? Nochmals ins FAQ:</p> <blockquote>...we've worked with a number of organizations to determine which websites and pages meet those criteria. Our methods for identifying accessible pages and content are always evolving; Currently we take into account several factors, including a given page's simplicity, how much visual imagery it carries and whether or not it's primary purpose is immediately viable with keyboard navigation...</blockquote> <p>Na ja. Für mich haben sie es ein bisschen zu einfach gemacht. Mehr Behinderungsarten wären angebracht und evt. verbesserte Versionen der Sites (Google muss den Inhalt sowieso parsen). Und das mit der Rangierung kann jeder selbst beurteilen -- ich bin skeptisch. Hier ein <a href="http://blog.outer-court.com/accessible/">Tool mit zwei Versionen Seite an Seite</a>.<br /> </p> </div> <div class="metadata"> <div class="metadata_left"> 1 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/07/netter_zug_aber.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000475" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/426" dc:title="Behinderungsarten und Gehörlosigkeit" dc:identifier="http://blog.namics.com/accessibility/index.html#000475" dc:subject="Accessibility" dc:description="Viele Leute reden von behindertentauglichem (barrierefreien) Internet und wenige "machen" es. In der Schweiz gibt es ein Gesetz und eine Verordnung, welche alle Dienstleister der öffentlichen Hand (Bunde, Kanton, Gemeinden...) und von ihnen konzessionierte Betriebe dazu verpflichet. Auch eine griffige..." dc:creator="Jürg Stuker" dc:date="2006-03-23T13:29:49+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 23 </div> <div class="calendar_month"> Mär </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/03/behinderungsart.html">Behinderungsarten und Gehörlosigkeit</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 23.03.2006 um 13:29 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Viele Leute reden von behindertentauglichem (barrierefreien) Internet und wenige "machen" es. In der Schweiz gibt es ein <a href="http://www.admin.ch/ch/d/sr/151_3/">Gesetz</a> und eine <a href="http://www.admin.ch/ch/d/sr/151_3/">Verordnung</a>, welche alle Dienstleister der öffentlichen Hand (Bunde, Kanton, Gemeinden...) und von ihnen konzessionierte Betriebe dazu verpflichet. Auch <a href="http://internet.isb.admin.ch/internet/informatikstandards/standardindex/01789/?lang=de">eine griffige Einsatzrichtline (die P028)</a> ist für den Bund da. Soweit ist die Geschichte bekannt.</p> <p>Ein SEHR wichtiger Aspekt sind die unterschiedlichen Behinderungsarten. Hier habe ich im Rahmen meines <a href="http://blog.namics.com/2006/03/barrierefreihei.html">Vortrages am Fraunhofer Institut</a> heute nochmals einen wichtigen Teil dazugelernt.</p> <p>Grundsätzlich haben Menschen mit verschiedenen Behinderungen verschiedene Anforderungen bei Internet-Anwendungen. Der Fokus bei der Diskussion ist häufig die Blindheit und damit verbunden das Hilfsmittel Sprachsynthese (und evt. Braille-Zeile) für Web-Anwendungen. Meist denken die Leute auch noch an Sehbehinderte und dem damit verbundenen Hilfsmittel der Bildschirmvergrösserung.</p> <p>Doch das Gesetz nennt weitere Behinderungsarten mit weiteren Anforderungen <a href="http://www.admin.ch/ch/d/sr/151_31/a10.html">Art. 10 Abs. 1 BehiV</a>: </p> <blockquote>Die Information sowie die Kommunikations-und Transaktionsdienstleistungen über das Internet müssen für <strong>Sprach-, Hör- und Sehbehinderte sowie motorisch Behinderte</strong> zugänglich sein. Zu diesem Zweck müssen die Internetangebote entsprechend den internationalen Informatikstandards, insbesondere den Richtlinien des World Wide Web Konsortiums (W3C) über den Zugang von Internetseiten, und, subsidiär, entsprechend den nationalen Informatikstandards eingerichtet sein.</blockquote> <p>Ein eindrücklicher Vortrag hielt heute <a href="http://www.dgs-filme.de/GWHomepage/index.html">Ralph Raule vom Gebärdenwerk</a>. Die Kernaussage ist, dass die Muttersprache eines Gehörlosen die Gebärdensprache ist. Diese ist eine eigene Sprache, die strukturell näher an afrikanischen oder asiatischen Sprachen ist als am Deutschen.</p> <p>Für Menschen, die <a href="http://www.dgs-filme.de/GWHomepage/gehoerlosigkeit2.htm">prälingual ertaubt</a> sind, muss jeder weitere Sprache erlernt werden. Herr Raules Vergleich war der eines hörenden Deutschen, der nach Frankreich zieht und sich dort -- beispielweise auf einem Amt -- verständigen muss.</p> <p>Gehörlose Menschen sprechen nicht eine simple/einfache Sprache, aber eine andere Sparche. D.h. es gibt keine einfache nützliche Transkription, aber Gebärdensprache ist immer eine Übersetzung und erzeugt auch den damit verbundenen Aufwand.</p> <blockquote><strong>Blindheit trennt von den Dingen Taubheit trennt von den Menschen (<a href="http://de.wikipedia.org/wiki/Helen_Keller">Helen Keller</a>)</strong></blockquote> <p>Können Gehörlose nicht an der Kommunikation teilnehmen so wie wir die pflegen (mit Lausprache), so werden sie von Leben isoliert. In der realen Welt aber auch in Internet. Er nennt dies die "Spirale der Defizite".</p> <p><img alt="Spirale_der_Defizite: Keine Kommuniktion, Keine Information, Keine Teilhabe, Isolation, Abhängigkeit" src="http://blog.namics.com/2006/Spirale_der_Defizite.png" width="470" height="321" /></p> <p>Hier der lesenswerte Vortrag von Ralph Raule: Barrieren im Internet - auch für gehörlose Menschen <a href="http://blog.namics.com/2006/Gehoerlose_im_Internet_Ralph_Raule_Gebaerdenwerk.pdf">[pdf, 278 KB]</a><br /> </p> </div> <div class="metadata"> <div class="metadata_left"> 4 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/03/behinderungsart.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000471" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/422" dc:title="Barrierefreiheit in der Schweiz - Lassen sich Erfahrungen tatsächlich übertragen? [Vortrag]" dc:identifier="http://blog.namics.com/accessibility/index.html#000471" dc:subject="Accessibility" dc:description="Luzia Hafen und ich halten am Donnerstag in Darmstadt einen Vortrag über Barrierefreiheit. Der 4. Kongress Barrierefreies E-Government wird vom ZGDV (Zentrum für Graphische Datenverarbeitung) in Kooperation mit WEB for ALL am Fraunhofer Institut durchgeführt. Hier ein Überischt über die..." dc:creator="Jürg Stuker" dc:date="2006-03-21T13:27:32+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 21 </div> <div class="calendar_month"> Mär </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/03/barrierefreihei.html">Barrierefreiheit in der Schweiz - Lassen sich Erfahrungen tatsächlich übertragen? [Vortrag]</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 21.03.2006 um 13:27 </div> </div> <div class="stopfloat"></div> <div class="content"> <p><a href="http://www.namics.com/ueber-uns/namics-team/mitarbeiter/liste/Luzia_Hafen/5f52ae8133.html">Luzia Hafen</a> und <a href="http://www.namics.com/ueber-uns/namics-team/mitarbeiter/liste/J%26uuml%3Brg_Stuker/d2c2a75b0a.html">ich</a> halten am Donnerstag in Darmstadt einen Vortrag über Barrierefreiheit. Der <a href="http://wwwalt.zgdv.de/zgdv/Seminar/Darmstadt/Aktuell/4.barr_e_gov">4. Kongress Barrierefreies E-Government</a> wird vom <a href="http://wwwalt.zgdv.de/zgdv/ZGDVProfile">ZGDV (Zentrum für Graphische Datenverarbeitung)</a> in Kooperation mit <a href="http://www.webforall.info/">WEB for ALL</a> am Fraunhofer Institut durchgeführt.</p> <p>Hier ein <a href="http://wwwalt.zgdv.de/zgdv/Seminar/Darmstadt/Aktuell/4.barr_e_gov">Überischt über die Beiträge</a>:</p> <p>- Das Instrument der Zielvereinbarung nach § 5 Bundesgleichstellungsgesetz und der Verbandsklage nach § 13 als Möglichkeit zur Verbesserung von Barrierefreiheit - eine kritische Zwischenbilanz<br /> Hannelore Loskill,<br /> BAG SELBSTHILFE,<br /> Mitglied im AbI-Projekt</p> <p>- Barrieren im Internet - auch für gehörlose Menschen<br /> Ralph Raule<br /> Gebärdenwerk</p> <p>- Barrierefreiheit in der Schweiz - Lassen sich Erfahrungen tatsächlich übertragen?<br /> Jürg Stuker und Luzia Hafen<br /> namics ag</p> <p>- Umsetzung der Barrierefreiheit in kleinen Kommunen<br /> Nina Gerling<br /> ena Webstudio</p> <p>- Mit gutem Beispiel voran: Erfahrungen aus der Blinden- und Sehbehindertenselbsthilfe<br /> Jan Eric Hellbusch<br /> selbständiger Berater</p> <p>- Relaunch der WebSite: http://www.landtag.nrw.de"<br /> Dietmar Krüll<br /> Landtag Nordrhein-Westfalen</p> <p>- Einsatz von Usability Engineering Methoden bei der Planung und Umsetzung barrierefreier Webangebote<br /> Marcel Takagi<br /> WDR mediagroup webservice GmbH</p> <p>- Strategien zur nachhaltigen Etablierung barrierefreier Gestaltung von Produkten und Diensten in Unternehmen<br /> Dr. K.-H. Weirich<br /> IBM Deutschland GmbH</p> <p>- Anforderungen der Barrierefreiheit als Chance und Herausforderung bei einem Relaunch mit Einführung eines neuen CMS<br /> Beate Schulte<br /> Institut für Informationsmanagement (ifib) </p> <p><br /> Unser Vortrag geht auf die Gesetzlage in der Schweiz ein und auf die Rolle von <a href="http://www.namics.com/leistungen/aktuelle-themen/barrierefreiheit.html">namics</a> sowie unserem Partnmer der <a href="http://www.zugang-fuer-alle.ch/">Stiftung Zugang für alle</a> in diesem Prozess. Eher eine trockene Kost aber relevant für die Unterschiede Deutschland <> Schweiz.</p> <p><br /> Download Vortrag "Barrierefreiheit in der Schweiz - Lassen sich Erfahrungen tatsächlich übertragen?" <a href="http://blog.namics.com/2006/n_Barrierefreiheit_in_der_Schweiz_23Mar06_v1.2.pdf">[pdf, 472KB]</a></p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/03/barrierefreihei.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000440" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/391" dc:title="BITV - In Deutschland wird umgesetzt?!" dc:identifier="http://blog.namics.com/accessibility/index.html#000440" dc:subject="Accessibility" dc:description="Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlichte zusammen mit anderen Verbänden der Selbsthilfe am 15. Februar 2006 folgende Pressemeldung: Kampagne "BITV umsetzen - jetzt!" für barrierefreies Internet gestartet Quintessenz: "Die Behindertenverbände haben den..." dc:creator="" dc:date="2006-02-19T20:18:16+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 19 </div> <div class="calendar_month"> Feb </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/02/bitv_in_deutsch_1.html">BITV - In Deutschland wird umgesetzt?!</a> </div> <div class="title_metadata"> gepostet von am 19.02.2006 um 20:18 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Der Deutsche Verein der Blinden und Sehbehinderten in Studium und Beruf e.V. (DVBS) veröffentlichte zusammen mit anderen Verbänden der Selbsthilfe am 15. Februar 2006 folgende Pressemeldung:<br /> <a href="http://www.dvbs-online.de/pr177.htm">Kampagne "BITV umsetzen - jetzt!" für barrierefreies Internet gestartet</a><br /> Quintessenz: "Die Behindertenverbände haben den AbI-Partner "BIK" beauftragt, innerhalb der nächsten 20 Wochen zu prüfen, inwieweit die Internetdienstleistungen des Bundes auch tatsächlich für jeden zugänglich sind."<br /> Offensichtlich scheint die Leidensfähigkeit nun [endlich] erschöpft zu sein und erste Massnahmen zur Herstellung der gesetzlich verbrieften Zugänglichkeit für alle Nutzer von Webseiten ergriffen zu werden. Auf die Testergebnisse und die daraus resultierenden Massnahmen darf man gespannt sein!</p> <p>Interessant dürfte sein was in der Schweiz am 1. Januar 2007 passiert. Es bleibt zu hoffen, dass es in der Schweiz am 1. Januar 2007 nicht einer gleichen Aktion bedarf.</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/02/bitv_in_deutsch_1.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000433" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/384" dc:title="Wird target.com nun verklagt...?" dc:identifier="http://blog.namics.com/accessibility/index.html#000433" dc:subject="Accessibility" dc:description="Droht dem grossen Heim- und Gartenausstatter Target in den USA nun eine Klage wegen mangelnder Accessibility? Die National Federation of the Blind und ein College Student planen, den US-Riesen vor Gericht zu bringen. Die Hauptklagepunkte lauten wie folgt: - zu..." dc:creator="" dc:date="2006-02-15T20:25:33+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 15 </div> <div class="calendar_month"> Feb </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/02/wird_targetcom.html">Wird target.com nun verklagt...?</a> </div> <div class="title_metadata"> gepostet von am 15.02.2006 um 20:25 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Droht dem grossen Heim- und Gartenausstatter <a href="http://www.target.com/">Target</a> in den USA nun eine Klage wegen mangelnder Accessibility? Die <a href="http://www.nfb.org/">National Federation of the Blind</a> und ein College Student planen, den US-Riesen vor Gericht zu bringen.</p> <p>Die Hauptklagepunkte lauten wie folgt:<br /> - zu wenig / keine Alt-Attribute<br /> - Image Maps ohne Alt-Text oder entsprechende Alternativen<br /> - man braucht eine Maus um wichtige Seitenelemente bedienen zu können</p> <p>Fragt sich momentan noch, wen die Klage treffen wird. Target? Oder vielleicht doch Amazon, da Amazon das CMS liefert welches als Basis für die Target Website dient? </p> <p>Und noch eine Frage: wie sieht es bei den beiden Grossen in der Schweiz aus? <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.migros.ch%2FMigros_DE">Migros</a> (Failed validation), <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.coop.ch">Coop</a> (Failed validation, 82 errors), dazu <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.target.com">Target</a> im Vergleich (Failed validation, 548 errors)... [getestet via w3.org HTML Validator].</p> <p>Scheinen alle drei ein fall für SEO (Google und Co. sind nämlich auch blind) zu sein!</p> <p>[via <a href="http://google.blognewschannel.com/">Inside Google</a> und <a href="http://www.searchenginejournal.com/index.php?p=2922">Search Engine Journal</a>]</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 1 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/02/wird_targetcom.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000419" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/370" dc:title="Was macht ein gutes ALT-Attribute aus?" dc:identifier="http://blog.namics.com/accessibility/index.html#000419" dc:subject="Accessibility" dc:description="Gemäss W3C ist ein ALT-Attribute ein "Text-Äquivalent für jedes Nicht-Text-Element" Doch was heisst das jetzt genau? Ein Beispiel: Sie haben ein Photo des Rheinfall in Schaffhausen vor sich - wie also beschriften? 1. Fotolabor XY 2. Rheinfall in Schaffhausen 3...." dc:creator="" dc:date="2006-02-03T17:41:12+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 03 </div> <div class="calendar_month"> Feb </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/02/was_macht_ein_g.html">Was macht ein gutes ALT-Attribute aus?</a> </div> <div class="title_metadata"> gepostet von am 03.02.2006 um 17:41 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Gemäss <a href="http://www.w3c.de/Trans/WAI/webinhalt.html">W3C</a> ist ein ALT-Attribute ein "Text-Äquivalent für jedes Nicht-Text-Element"<br /> Doch was heisst das jetzt genau?<br /> Ein Beispiel: Sie haben ein Photo des Rheinfall in Schaffhausen vor sich - wie also beschriften?<br /> 1. Fotolabor XY<br /> 2. Rheinfall in Schaffhausen<br /> 3. Reinfall in Schaffhausen im Sonnenschein bei Niedrigwasser<br /> Erstere scheidet genau deshalb aus, weil eben gerade nicht alternativ. Zweitere ist schon wesentlich besser und die dritte Beschriftung könnte bereits als Superlative bewertet werden. Und so beginnen dann auch die Missverständnisse:<br /> es geht nicht darum die 256 Zeichen des Attributs aufzufüllen oder <br /> möglichst blumige Ausdrücke zu formulieren,<br /> sondern darum eine Alternative zu bieten.<br /> Eine Alternative ist unter Umständen auch eben gar nichts im ALT-Attribut zu erfassen. Nämlich beispielswiese bei Spacer-Grafiken oder Image-Kampagnen-Bildern. Stellen Sie sich vor, Sie lassen sich eine Website vorlesen und hören 10x "Bild aus der Image-Kampagne", welchen Informationswert hat das ausser, dass sie sich ärgern, dass es noch 2 Minuten länger dauert bis sie den gesamten Inhalte der Seite vorgelesen bekommen haben?<br /> Deshalb empfehle ich folgende Grundregeln zur Erfassung von ALT-Attributen zu beachten<br /> 1. Text muss kurz und prägnant sein<br /> 2. Text muss aussagekräftig sein und den Inhalt des Bildes widerspiegeln<br /> 3. Texte wie Spacer oder Bilder aus der Image Kampagne o.ä. haben keinen Informationswert und sind unnötig zu beschriften<br /> 4. ALT-Attribute sind in der Sprache des Content zu erfassen und nicht weil einfacher ausschliesslich auf englisch<br /> Und denken wir bei dem allen auch ein bischen an Google und "seine Freunde", denen ist es nämlich, gleich wie einem blinden Menschen auch, nicht gegeben Bilder zu interpretieren, die ALT-Attribute aber sehr wohl</p> <p>Dann finden wir im Netz bald wesentlich weniger Beispiele wie das untenstehende:<br /> <img alt="" src="http://blog.namics.com/2006/bad_ALT_Attrib.jpg" width="459" height="361" /></p> </div> <div class="metadata"> <div class="metadata_left"> 9 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/02/was_macht_ein_g.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000394" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/345" dc:title="Happy Birthday Louis Braille!" dc:identifier="http://blog.namics.com/accessibility/index.html#000394" dc:subject="Accessibility" dc:description=" Hier mehr Infos zum "echten Thema": www.braille.ch und hier hier ein Konvertor für eigene Ideen. Gruss,..." dc:creator="Jürg Stuker" dc:date="2006-01-04T10:12:39+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 04 </div> <div class="calendar_month"> Jan </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2006/01/happy_birthday_1.html">Happy Birthday Louis Braille!</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 04.01.2006 um 10:12 </div> </div> <div class="stopfloat"></div> <div class="content"> <p><a href="http://blog.namics.com/2006/happy_birthday_louis_braille.gif"><img alt="Google Logo heute in Braille" src="http://blog.namics.com/2006/happy_birthday_louis_braille-thumb.gif" width="420" height="215" /></a></p> <p>Hier mehr Infos zum "echten Thema": <a href="http://www.braille.ch/">www.braille.ch</a> und hier hier ein <a href="http://www.christoffel-blindenmission.de/baum/CBM_DE_baumbart_2780.html">Konvertor für eigene Ideen</a>. Gruss, <img alt="Jürg Stuker in Punktschrift" src="http://blog.namics.com/2006/juerg_stuker.gif" width="106" height="15" /><br /> </p> </div> <div class="metadata"> <div class="metadata_left"> 1 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2006/01/happy_birthday_1.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000391" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/342" dc:title="Was ist ein Accesskey?" dc:identifier="http://blog.namics.com/accessibility/index.html#000391" dc:subject="Accessibility" dc:description="ganz einfach ein Shortcut/Tastenkombination, welche im Quellcode der HTML-Seite hinterlegt werden kann, um Links mit einem Tastengriff anzusteuern. Und um mit einem gängigen Vorurteil aufzuräumen NEIN Accesskeys können nicht nur von behinderten Menschen bedient werden werden, diese funktionieren immer -..." dc:creator="" dc:date="2005-12-30T18:00:00+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 30 </div> <div class="calendar_month"> Dez </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/12/was_ist_ein_acc.html">Was ist ein Accesskey?</a> </div> <div class="title_metadata"> gepostet von am 30.12.2005 um 18:00 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>ganz einfach ein Shortcut/Tastenkombination, welche im Quellcode der HTML-Seite hinterlegt werden kann, um Links mit einem Tastengriff anzusteuern.</p> <p>Und um mit einem gängigen Vorurteil aufzuräumen <em>NEIN</em> Accesskeys können nicht nur von behinderten Menschen bedient werden werden, diese funktionieren immer - auch mit dem Mac. Das immer wieder gerne angeführte Argument "die Accesskeys funktionieren nicht, weil wir nicht testen konnten" gilt also nicht.</p> <p>>> IE: ALT+Accesskey+Enter, Firefox/Mozilla: ALT+Accesskey, Apple: Ctrl+Accesskey</p> <p>Worauf man dann auch schnell mit den Tücken der Tastenkombinationen beschäftigt ist, hier kapituliert so mancher an den bereits im Browser definierten Shortcuts. Belegt sind nämlich beispielsweise im</p> <p>>> IE 6 a b d f s x 2 4 6 7 ?<br /> >> Firefox 1.0.7 d b a g l x h Pos1<br /> >> Netscape 6/7 b e f g h i m n p d t v w </p> <p>Viele Kombinationsmöglichkeiten bleiben also nicht mehr, vor allen Dingen sollte der Benutzer nicht seine "dritte" Hand zum Drücken der Tasten benötigen müssen.</p> <p>Deshalb die folgenden Empfehlungen aus der Praxis:<br /> >> Accesskeys Site-weit einsetzen, damit sich der User daran erinnern kann<br /> >> Accesskeys nicht mit den Browser- Tastenkombinationen kollidieren lassen<br /> >> Einen Hilfetext platzieren, damit auch die User profitieren, denen der Screenreader die Accesskeys nicht vorliest<br /> >> Inzwischen üblich: <strong>Homepage = 0</strong> und ansonsten Sitemap und Suche, <br /> bei Banken beispielsweise der Link auf die Börsenkurse oder zum Onlinebanking als Schnelleinstieg auszeichnen</p> <p>und noch die Links zum Thema: HowTo: <a href="http://www.einfach-fuer-alle.de/artikel/formulare/tag4/">http://www.einfach-fuer-alle.de/artikel/formulare/tag4/</a> Kontrovers: <a href="http://www.einfach-fuer-alle.de/artikel/formulare/tag4/">http://www.einfach-fuer-alle.de/artikel/formulare/tag4/</a></p> </div> <div class="metadata"> <div class="metadata_left"> 4 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/12/was_ist_ein_acc.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000320" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/271" dc:title="Keine (Text Only) Hintereingänge bitte" dc:identifier="http://blog.namics.com/accessibility/index.html#000320" dc:subject="Accessibility" dc:description="Sowohl die Frage, wie auch der Reflex kommt immer wieder auf: "Für die Behindertentauglichkeit bieten wir eine Textversion an". Nein, nein und bitte nein. Eine Version für alle. Erstens: Eine Textversion ist vergleichbar mit einem Hintereingang für Menschen, die auf..." dc:creator="Jürg Stuker" dc:date="2005-11-01T13:21:54+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 01 </div> <div class="calendar_month"> Nov </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/11/keine_text_only.html">Keine (Text Only) Hintereingänge bitte</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 01.11.2005 um 13:21 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Sowohl die Frage, wie auch der Reflex kommt immer wieder auf: "Für die Behindertentauglichkeit bieten wir eine Textversion an".</p> <p>Nein, nein und bitte nein. Eine Version für alle.</p> <p>Erstens: Eine Textversion ist vergleichbar mit einem Hintereingang für Menschen, die auf einen Rollstuhl angewiesen sind. "Sie wollen uns besuchen? Fahren sie ums Haus an den Mülltonnen vorbei. Dort, wo die Wand verschimiert ist, links und dann sehen sie vor dem Warenlift eine Rampe...". Das ist nicht gleichberechtigt.</p> <p>Zweitens: Der Aufwand für sie als Betreiber wird grösser und auch die Textversion ist immer ein Kompromiss. So beurteilen sehbehinderte User in Tests Bilder durchaus auch positiv. Und zudem müsste viele verschiedene andere Versionen geben: Noch eine für Menschen mit einer Hörbehinderung, noch eine für Menschen die motorisch eingeschränkt sind etc.</p> <p>Drittens: Ja nachdem erfüllen sie die gesetzlichen Normen damit nicht. So <a href="http://www.barrierefreies-webdesign.de/knowhow/nur-text/index.php">beispielsweise in Deutschland</a>. Im <a href="http://www.bitvtest.de/main.php?a=di&iid=1026">Kommentar zur BITV [Barrierefreie Informationstechnik-Verordnung]</a> steht: "Grundsätzlich zielt die Verordnung darauf, Sonderlösungen für behinderte Menschen oder für einzelne Gruppen behinderter Menschen zu vermeiden.."</p> <p>Viertens: Die Textversion wird immer schlechter sein insb. im Bezug auf Vollständigkeit und Aktualität (auch mit einem Content Management System). Dazu ein Beispiel. Da in England die rechtlichen Rahmenbedingungen ziemlich griffig sind, sah sich auch die Royal Navy bei ihrer <a href="http://www.royal-navy.mod.uk/static/pages/2650.html">Kampagne <em>99,99% do not need to apply</em></a> zu Accessibilty berufen (vgl. Footer).</p> <p><a href="http://blog.namics.com/2005/rn_home.png"><img alt="Homepage der genannten Kampagne" src="http://blog.namics.com/2005/rn_home-thumb.png" width="420" height="368" /></a></p> <p>Hier die Erklärung zu Accessibility mit dem Link zur Textversion.</p> <p><a href="http://blog.namics.com/2005/rn_accessibility.png"><img alt="Die Landing Page Accessibility mit einem Text Only Link" src="http://blog.namics.com/2005/rn_accessibility-thumb.png" width="420" height="117" /></a></p> <p>Und hier das Resultat der meisten Seiten.</p> <p><a href="http://blog.namics.com/2005/rn_sorry_no_text.png"><img alt="Die Inhaltsseite Careers mit einem leeren Inhaltsbereich: Sorry, no text alternative available for this page" src="http://blog.namics.com/2005/rn_sorry_no_text-thumb.png" width="420" height="337" /></a></p> <p>Schlecht.</p> </div> <div class="metadata"> <div class="metadata_left"> 5 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/11/keine_text_only.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000316" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/267" dc:title="Umfrage Accessibility: Was kann die Welt von der Schweiz lernen?" dc:identifier="http://blog.namics.com/accessibility/index.html#000316" dc:subject="Accessibility" dc:description="Ich bin von der UNESCO (im Rahmen von Initiative "ICTs in the service of people with disabilities") als Sprecher an den World Summit on the Information Society nach Tunis eingeladen. Thema meines Referates ist. "Accessibility: Can Switzerland Experience be adapted..." dc:creator="Jürg Stuker" dc:date="2005-10-25T21:27:24+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 25 </div> <div class="calendar_month"> Okt </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/10/umfrage_accessi.html">Umfrage Accessibility: Was kann die Welt von der Schweiz lernen?</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 25.10.2005 um 21:27 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Ich bin von der <a href="http:/www.unesco.org">UNESCO</a> (im Rahmen von Initiative "<a href="http://www.unesco.org//webworld/icts/disabilities/events/may2003">ICTs in the service of people with disabilities</a>") als Sprecher an den <a href="http://www.itu.int/wsis/">World Summit on the Information Society nach Tunis</a> eingeladen.</p> <p>Thema meines Referates ist. "<strong>Accessibility: Can Switzerland Experience be adapted to other countries?</strong>"</p> <p>Gerne nehme ich Eure Stimmen und Meinungen mit. Der Kommentar ist offen. Danke.</p> </div> <div class="metadata"> <div class="metadata_left"> 2 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/10/umfrage_accessi.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000297" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/248" dc:title="Verständnis für blinde Menschen?" dc:identifier="http://blog.namics.com/accessibility/index.html#000297" dc:subject="Accessibility" dc:description="Die Geschichte ist im Kern fast zwei Jahre alt. Eine Schweizer Krankenkasse macht ein Rebranding und kriegt das folgende Logo: Unten rechts am Namen "atupri" ist dieser nochmals in Punktschrift (Braille) geschrieben. Was soll das? Damals (am 1.9.2002) schrieb der..." dc:creator="Jürg Stuker" dc:date="2005-10-19T08:13:19+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 19 </div> <div class="calendar_month"> Okt </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/10/verstaendnis_fu.html">Verständnis für blinde Menschen?</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 19.10.2005 um 08:13 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Die Geschichte ist im Kern fast zwei Jahre alt. Eine Schweizer Krankenkasse macht ein Rebranding und kriegt das folgende Logo:</p> <p><img alt="Logo der Krankenkasse Aturpi mit Testteil in Punktschrift" src="http://blog.namics.com/2005/atupri_logo.png" width="200" height="46" /></p> <p>Unten rechts am Namen "atupri" ist dieser nochmals in Punktschrift (Braille) geschrieben. Was soll das? Damals (am 1.9.2002) schrieb der damalige Geschäftsführer der <a href="http://www.access-for-all.ch/">Stiftung Zugang für alle</a>, Herr Arnold Schneider (selbst blind), die folgenden Zeilen in einem E-Mail an den Direktor von atupri:</p> <blockquote>"...Hingegen frage ich mich, was die Blindenschriftzeichen auf Ihren Werbeplakaten bedeuten sollen. Soll das heissen, dass Sie in der Kommunikation mit Kunden speziell auf Blinde und Sehbehinderte und ganz generell auf Menschen mit behinderungen Rücksicht nehmen... ..bei "Qualität à  tout prix" ganz offensichtlich vergessen, dass der Internet-Auftritt eines Unternehmens gerade für Blinde und Sehbehinderte viel mehr als "auch wir haben eine Homepage" ist. Sie ist eine primäre und deshalb unverzichtbare Informationsquelle. Und leider ist nun die Homepage von Atupri alles andere als barrierefrei: viele graphischen Links sind nicht beschriftet, was sie praktisch unbenutzbar macht, und das Formular E111 ist für Blinde, die textorientiert arbeiten müssen, völlig stumm und damit auch nicht brauchbar." </blockquote> <p>Seit dem 5. September ist alles neu im Internet bei aturpi. Also Zeit für einen kurze Begutachtung.</p> <p>Hervozuheben ist, dass bei dem Redesign Rücksicht auf blinde Menschen genommen wurde. Nach technischen Kriterien ist die Site heute für Blinde zugänglich. Wenn auch teilweise über das Ziel hinausgeschossen und möglicherweise "Abkürzungen" genommen wurden (z.B. alle ALT-Attribute auf der Homepage sind -- heisst das die Bilder braucht es nicht?).</p> <p>Das <a href="http://www.atupri.ch/index.php?id=182&L=0">Formular E111</a> könnte bei der Bestellung eine <br /> Formularvalidierung haben (aber es funktioniert grundsätzlich).</p> <p>Eher über das Ziel hinausgeschossen sind die vielen Accesskeys , für welche der Screenreader eine Ewigkeit braucht. Der Begriff Metanavigation (bei den Accesskeys) ist auch kaum verständlich und die senkrechten Striche zwischen den einzelnen Navigationspunkten sind nervig (CSS wäre da die Wahl).</p> <p>Der Button bei der Suche wir bei der Sprachsynthese mit "butStart.gif" angesagt, na ja.... die lieben graphischen Buttons ;-) So auch das Symbol für die Druckversion auf der deutschen Seite: <em>Print Page</em>. Leider wurde hier kaum mit dem Internethilfsmittel für Blinde -- einem Screenreader -- getestet.</p> <p>Eher ein grober Fehler sind die fehlenden Grössen bei den PDFs. So auch beim Hinweis für einen Radiospot (MP3) der aktuell auf der Homepage ist.</p> <p>Die Tabellenstruktur der Navigation verdient (für eine mutmasslich für Blinde optimierte Site) gar einen Screenshot. Kommentare: Gar nicht gut.</p> <p><a href="http://blog.namics.com/2005/atupri_tabelle_navigation.png"><img alt="mehrfach verschachtelte Tabelle bei der Navigation" src="http://blog.namics.com/2005/atupri_tabelle_navigation-thumb.png" width="420" height="143" /></a></p> <p>Schade dass es nicht für tabellenloses XHTML gereicht hat (das könnte Typo3 gut).</p> <p>Fast originell mutet in diesem Zusammenhang die Benennung des Spacer-GIFs auf der Site an: <a href="http://www.atupri.ch/media/templates/images/blind.gif">http://www.atupri.ch/media/templates/images/blind.gif</a></p> <p>Na ja. hundermal besser also früher. Dort funktierte nichts. Aber erfüllt kaum und eine Chance verspielt das Versprechen mit der Punktschrift einzulösen. Ein bisschen mehr Interesse mit Betroffenen zusammen zu arbeiten wäre gut gewesen (z.B. beim Testing mit Blinden). Mal sehen, wie gut die Unterstützung für blinde Kunden bei atupri sonst ist.</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/10/verstaendnis_fu.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000277" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/227" dc:title="Barrierefrei strammstehn!" dc:identifier="http://blog.namics.com/accessibility/index.html#000277" dc:subject="Accessibility" dc:description="Auf den ersten Blick ein bisschen gewöhnungsbedürftig: Der Online-Styleguide der Bundeswehr gewinnt den Biene Award (Sonderpreis für Barrierefreiheit im Internet). Bei genaueren Hinsehen aber viele gute Elemente, welche auch mal eine Kopie erlauben. Einfach aber umfassend und schön konsistent die..." dc:creator="Jürg Stuker" dc:date="2005-09-06T17:08:34+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 06 </div> <div class="calendar_month"> Sep </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/09/barrierefrei_st.html">Barrierefrei strammstehn!</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 06.09.2005 um 17:08 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Auf den ersten Blick ein bisschen gewöhnungsbedürftig: Der <a href="http://www.styleguide.bundeswehr.de/">Online-Styleguide der Bundeswehr</a> gewinnt den <a href="http://www.biene-award.de/award/preistraeger/">Biene Award</a> (Sonderpreis für Barrierefreiheit im Internet).</p> <p>Bei genaueren Hinsehen aber viele gute Elemente, welche auch mal eine Kopie erlauben.</p> <p>Einfach aber umfassend und schön konsistent die <a href="http://www.styleguide.bundeswehr.de/styleguide/gestaltung/ikonografie.html">Ikonographie</a>. Bitte nicht neu erfinden, aber was bekanntes nehmen.</p> <p><strong>Sehr</strong> schön gemacht ist auch die Navigation für alle Nutzer (nur XHTML und CSS):</p> <p><img alt="Ausschnitt der Navigation in der dritten Ebene aufgeklappt" src="http://blog.namics.com/2005/navi_bundeswehr_styleguide.gif" width="256" height="284" /></p> <p>Zudem zahlreiche <a href="http://www.styleguide.bundeswehr.de/styleguide/demonstrator/index.html">gut umgesetzte Beispiele</a>.</p> <p>Barrierefrei ruhn!</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/09/barrierefrei_st.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000275" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/225" dc:title="DAISYs (ist) für alle" dc:identifier="http://blog.namics.com/accessibility/index.html#000275" dc:subject="Accessibility" dc:description="DAISY steht für "Digital Accessible Information SYstem" und ist ein weltweiter Standard um multimediale Informationen zu strukturieren und zu synchronisieren. So beispielsweise ein digitales Buch (ein sogenanntes DTB: Digital Talking Book), in welchem die Audioinformation zusammen mit dem Text synchronisiert..." dc:creator="Jürg Stuker" dc:date="2005-09-02T01:37:42+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 02 </div> <div class="calendar_month"> Sep </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/09/daisys_ist_fuer.html">DAISYs (ist) für alle</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 02.09.2005 um 01:37 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>DAISY steht für "<em>Digital Accessible Information SYstem</em>" und ist ein <a href="http://www.daisy.org/publications/specifications.asp">weltweiter Standard</a> um multimediale Informationen zu strukturieren und zu synchronisieren.</p> <p>So beispielsweise ein digitales Buch (ein sogenanntes <a href="http://www.daisy.org/about_us/dtbooks.asp">DTB</a>: <em>Digital Talking Book</em>), in welchem die Audioinformation zusammen mit dem Text synchronisiert und auch navigierbar ist. Zur Nutzung eine Abspielsoftware auf einem Computer (wofür es bereits <a href="http://www.daisy.org/tools/playback.asp">Gratisangebote</a> gibt) oder ein <a href="http://www.cnib.ca/tech_aids/daisy/players_overview.htm">CD-Player</a> der DAISY "kann".</p> <p>Technisch ist DAISY eine (oder mehrere) XML-Datei(n), welche weitere Dateien wie Bilder, Audio, Text u.s.w. zusammenhalten und mit Metainformationen wie Zeit- oder Kapitelmarken versehen. Konkret eine Implementierung des <a href="http://www.w3.org/AudioVideo/">SMIL-Standards des W3C</a>, welcher zur Zeit als <a href="http://www.niso.org/standards/">ANSI/NISO</a>-Standard Z39.86 durchgesetzt werden soll.</p> <p>Und was ist besonders? Es ist ein offener, einfacher Standard auf Basis von XML (nicht ganz so einfach die <a href="http://blog.namics.com/2005/08/podcasts_et_tu.html">Podcasts</a>, aber mit viel mehr Funktionalität). Zudem die Synchronisation mehrerer Wahrnehmungsebenen und die Navigierbarkeit (beispielsweise bei Gesetztexten oder Nachschlagewerken mit Kapitelsuche, Abschnitt und Querverweisen).</p> <p>Ursprünglich wurde DAISY von Blindenbibliotheken entwickelt um Audiobücher zu standardisieren und Audioinhalte gemeinsam mit <a href="http://www.braille.ch/">Punktschrift (Braille)</a> anbieten zu können. Die Reichweite ist aber massiv grösser, insbesondere auch für andere Behinderungsarten wie beispielsweise Lernbehinderte, welche bevorzugt Text- und Audioinformation gleichzeitig nutzen.</p> <p>Die wirkliche Reichweite ist aber der massiv wachsende Markt der Hörbücher für alle Nutzerinnern und Nutzern. Ein technischer Standard würde gut tun und <a href="http://www.microsoft.com/presspass/features/2004/nov04/11-15LibrarySummit.mspx">Microsoft integriert einen DAISY-Player</a> in die nächste Version von Windows.</p> <p>Die wirkliche Reichweite zeigt sich auch bei der folgenden Einladung zur <a href="http://www.presseportal.de/story.htx?nr=717949&ressort=4">Europa-Premiere am 22. September 2005 in Zürich: Das erste interaktive Hörbuch</a>. <a href="http://www.limmatverlag.ch/Default.htm?/antholog/tatortschweiz.htm">TatortSchweiz, 18 kriminelle Geschichten</a> von bekannten Schriftstellern. Als DAISY-Buch...</p> <p>Und hier finden Sie für den unmittelbaren Konsum ein Beispiel der Rede <a href="http://www.afb.org/Section.asp?SectionID=38&DocumentID=2429"><em>I Have a Dream</em> von Dr. Martin Luther King als DTP im DAISY-Format</a>. Sehen- und Hörenswert (gleichzeitig ;-)</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/09/daisys_ist_fuer.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000267" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/217" dc:title="Behindertentauglichkeit wäre noch besser mit echten Testern" dc:identifier="http://blog.namics.com/accessibility/index.html#000267" dc:subject="Accessibility" dc:description="Ich freue mich über jede behindertentaugliche Website und erlaube mir im Folgenden einen kleinen Beitrag zur Verbesserung. Heute im Klein Report: Future Connection verschafft Tixi-Transportdienst barrierefreien Webauftritt. Was im Titel möglicherweise fehlt, dass es nur die Site von Zürich ist...." dc:creator="Jürg Stuker" dc:date="2005-08-19T12:50:46+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 19 </div> <div class="calendar_month"> Aug </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/08/behindertentaug_1.html">Behindertentauglichkeit wäre noch besser mit echten Testern</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 19.08.2005 um 12:50 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Ich freue mich über jede behindertentaugliche Website und erlaube mir im Folgenden einen kleinen Beitrag zur Verbesserung. Heute im <a href="http://www.kleinreport.ch/">Klein Report</a>: Future Connection verschafft <a href="http://www.tixi.ch/">Tixi-Transportdienst</a> barrierefreien Webauftritt. Was im Titel möglicherweise fehlt, dass es nur die Site von Zürich ist.</p> <p>Grundsätzlich ist das Angebot sehr gut gemacht. Ich denke aber, es ist nicht getestet worden (zumindest nicht mit blinden Usern). Weshalb ich das meine?</p> <p><a href="http://www.barrierefreies-webdesign.de/knowhow/accesskey/accesskey.php">Accesskey</a> sind ein Hilsfmittel primär für Menschen, die nicht visuell arbeiten können und erlauben die Tastaturbedienung im Browser. Dies mit dem Ziel der Beschleunigung und weil die Zielgruppe keine Maus bedienen kann. Die Website lässt zu diese einzublenden. Das nützt aber der Zielgruppe kaum.</p> <p><img alt="Auschnitt aus der Navigation mit Accesskeys t, i, a, h, s, n,l,r und k hinter dem Navigationspunkt" src="http://blog.namics.com/2005/tixi_accesskey.png" width="437" height="123" /></p> <p>Zudem werden fleissig alphabetische Accesskeys vergeben, welche für Blinde gar nicht funktionieren können. Dies, weil Buchstaben in Konkurrenz mit Browserfunktionen stehen, die sich mit derselben Tastaturkonbination bedienen lässt. Und testen geht kaum, da jeder Sprachversion des Browser andere Abkürzungen hat.</p> <p>Da Accesskeys so richtig gut sind, wenn sie überall gleich sind, empfehle ich immer den <a href="http://www.access-for-all.ch/de/barrierefrei.html#accesskey">"Standard" von der Stiftung Zugang</a> für alle:</p> <blockquote> * 0 "Direkt zur Startseite"<br /> * 1 "Direkt zur Navigation" (Link innerhalb Webpage)<br /> * 2 "Direkt zum Inhalt" (Link innerhalb Webpage)<br /> * 3 "Direkt zum Kontakt"<br /> * 4 "Direkt zur Sitemap"<br /> * 5 "Direkt zur Suche"<br /> * 6-9 optional (nur falls nötig und sinnvoll)<br /> </blockquote> <p>Nun nun kommt sicherlich das Firefox-Argument, so auch <a href="http://www.tixi.ch/accessibility.php">auf der Website empfohlen</a>:</p> <p><img alt="Empfehlung für die Nutzung des Firefox-Browsers auf der Website" src="http://blog.namics.com/2005/tixi_firefox.png" width="171" height="96" /></p> <p>Ich arbeite auch mit Firefox (und Mac) aber Blinde nicht. In der Schweiz werden Hilfsmittel fast ausschliesslich von <a href="http://www.accesstech.ch/">Accesstech</a> vertrieben. Für PCs heisst das Windows, Internet Explorer und <a href="http://www.freedomscientific.com/fs_products/software_jaws.asp">Jaws</a>.</p> <p>Auf der Seite <a href="http://www.tixi.ch/accessibility.php">www.tixi.ch/accessibility</a> findet eine Eigenzertifizierung der Site als "AAA"-Konform nach <a href="http://www.w3.org/TR/WCAG10/">WCAG</a> statt. Das ist nicht korrekt. Ohne jeden Punkt hier zu diskutieren, bedingt AAA ein skalierbares Layout für die Hilfsmittel, welche Bildschirmvergrösserung nutzen (Checkpunkt 3.4, Priorität 2). Das ist hier nicht gegeben. Und weshalb? Weil skalierbare Schrift nicht nützt, wenn sich die Elemente bei der Vergrösserung überlagen.</p> <p><a href="http://blog.namics.com/2005/tixi_skalierung.png"><img alt="Bild mit überlagernden Texten bei 8-facher Vergrösserung" src="http://blog.namics.com/2005/tixi_skalierung-thumb.png" width="420" height="232" /></a></p> <p>Zugegeben. Dieser Punkt ist schwierig gut umzusetzen.</p> <p>Sehr schön ist der Quellcode! Ohne Tabellen und valide. Gratulation. Was ich nicht verstehe sind die fehlenden Umlaute bei den ALT-Attributen "ae" anstelle von "ä". Tönt nicht sehr schön mit der Sprachsynthese.</p> <p>Wie schon gesagt ziemlich gut. Weiter so. Evt. ein Test mit betroffenen Menschen und den verschiedenen Hilfsmitteln.</p> </div> <div class="metadata"> <div class="metadata_left"> 6 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/08/behindertentaug_1.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000229" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/179" dc:title="Web Accessibilty für die öffentliche Hand in der Schweiz" dc:identifier="http://blog.namics.com/accessibility/index.html#000229" dc:subject="Accessibility" dc:description="Seit dem 1. Januar 2004 gibt es in der Schweiz das Behindertengleichstellungsgesetz und die Verordnung dazu. Das war für namics dazumal auch Anlass eine breit angelegte Studie zu machen. Am 23. Mai 2005 hat nun der Informatikrat Bund IRB die..." dc:creator="Jürg Stuker" dc:date="2005-06-25T02:36:39+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 25 </div> <div class="calendar_month"> Jun </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/06/web_accessibilt.html">Web Accessibilty für die öffentliche Hand in der Schweiz</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 25.06.2005 um 02:36 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Seit dem 1. Januar 2004 gibt es in der Schweiz das <a href="http://www.admin.ch/ch/d/sr/151_3/">Behindertengleichstellungsgesetz</a> und die <a href="http://www.admin.ch/ch/d/sr/151_31/">Verordnung</a> dazu. Das war für namics dazumal auch Anlass eine <a href="http://www2.namics.com/kno_tre_acc.asp">breit angelegte Studie</a> zu machen.</p> <p>Am 23. Mai 2005 hat nun der Informatikrat Bund IRB die <a href="http://www.isb.admin.ch/internet/informatikstandards/standardindex/01789/index.html">Richtlinien des Bundes für die Gestaltung von barrierefreien Internetangeboten</a> genehmingt.</p> <p>Was heisst das für den Bund, die Kantone und die Gemeinden?</p> <p>- Als barrierefrei zu bezeichnen, ist die Umsetzung der <a href="http://www.w3.org/TR/WCAG10/">WAI-Richtlinien WCAG Verison 1.0</a> in der Priorität A und AA<br /> - Alle Internetpräsenzen müssen bis zum 31.12.2006 barrierefrei sein<br /> - Neu erstellte Internetpräsenzen müssen ab sofort barrierefrei sind<br /> - PDF müssen ebenfalls barrierefrei zur Verfügung gestellt werden, kann dies nachträglich nicht mehr erfüllt werden, ist ein Ersatz anzubieten, der ebenfalls im Internet zu publizieren ist</p> <p>Leider geistert bei Dienstleistern und Anbietern noch viel Halbwissen rum, aber der Weg ist der Richtige!</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 0 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/06/web_accessibilt.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> <div class="post_entry"> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://blog.namics.com/accessibility/index.html#000188" trackback:ping="http://blog.namics.com/mt/mt-tb.cgi/138" dc:title="Behindertentauglichkeit und Realität" dc:identifier="http://blog.namics.com/accessibility/index.html#000188" dc:subject="Accessibility" dc:description="Wer würde Usability-Test machen und dazu keine User einladen? Bei der Behindertentauglichkeit scheint dies leider gang und gäbe. Möglicherweise dem Gedanken folgend "Behindertentauglich ja, aber bitte ohne Behinderte". Ein aktuelle Pressemitteilung in der Netzwoche mit dem Titel "Bank Leu wird..." dc:creator="Jürg Stuker" dc:date="2005-03-31T17:52:18+01:00" /> </rdf:RDF> --> <div class="title_calendar"> <div class="calendar_box"> <div class="calendar_day"> 31 </div> <div class="calendar_month"> Mär </div> </div> </div> <div class="title_margin"></div> <div class="title_box"> <div class="title"> <a href="http://blog.namics.com/2005/03/behindertentaug.html">Behindertentauglichkeit und Realität</a> </div> <div class="title_metadata"> gepostet von Jürg Stuker am 31.03.2005 um 17:52 </div> </div> <div class="stopfloat"></div> <div class="content"> <p>Wer würde Usability-Test machen und dazu keine User einladen? Bei der <a href="http://namics.com/wai">Behindertentauglichkeit</a> scheint dies leider gang und gäbe. Möglicherweise dem Gedanken folgend "Behindertentauglich ja, aber bitte ohne Behinderte".</p> <p>Ein aktuelle Pressemitteilung in der <a href="http://www.netzwoche.ch/">Netzwoche</a> mit dem Titel "Bank Leu wird behindertenberecht" muss ich ein bisschen kommentieren. Doch zuerst die Bemerkung: Danke an die Bank Leu, dass sie den Weg der Behindertentauglichkeit eingeschlagen haben. Er ist lohnenswert und richtig.</p> <p><a href="http://blog.namics.com/2005/pm_netzwoche_wai_leu.jpg"><img alt="pm_netzwoche_wai_leu.jpg" src="http://blog.namics.com/2005/pm_netzwoche_wai_leu-thumb.jpg" width="420" height="567" /></a></p> <p>Ziemlich origniell (zum Anfangen) ist die Bemerkung in der Pressemitteilung, dass es sich bei der Technlologie um HTML nach W3C handelt...</p> <p>Zuerst das Problem des "Hintereingangs". Zwei Links führen zu einer alternativen Textversion (auch das Icon mit der Lupe ?!). Behindertentauglich ja aber gehen sie bitte ums Haus, beim Kehricht vorbei und dann bei der rostigen Türe rein. Weshalb eine Trennung in Leute die behindert sind und solche die es nicht sind? Und wer ist genau behindert? Bitte gut für alle in einer Version. Wir hatten auch schon zahlreiche Fälle, wo solche Links (wegen der Sequenz) nicht gefunden wurden im Stil <a href="http://www.bsv.admin.ch/">Deutsch/Franà§ais/Blind</a> (im Footer) und bei Deutsch klickte unser Tester.</p> <p>Die <a href="http://www.leu.com/index/index.cfm?page=home_en&sprache=en&text=ja">erste HTML-Seite</a> der Alternativrepräsentation sollte ja W3C-konform sein... Na ja, der <a href="http://validator.w3.org/check?verbose=1&uri=http%3A//www.leu.com/index/index.cfm%3Fpage%3Dhome_en%26sprache%3Den%26text%3Dja">Validator</a> erzählt mir was von 220 Fehlern. Mit Blick auf geräteunabhängige Codierung nicht gut.</p> <p>Unten auf der Homepage dann Bereiche mit dem Kommentar "<em>The following pages have not been optimized for the visually impaired.</em>". Mit einer Version ohne Hintereingang gibt es diese Probleme nicht und Personen mit Behinderung sind nicht gleich "visually impaired". Hätte eine sensibilisierte Person getestet gibt es solche "Faux Pas" nicht.</p> <p>Dann einen Blick in den Quellcode der Seite (die mit dem HTML nach W3C): Was für Liebhaber. Nicht nur sehr viel JavaScript welches gar nicht benötigt (von den alternativen Zugangsgeräten aber geparst) wird aber einige Verletzungen des <a href="http://www.w3.org/WAI/">WAI-Standards WCAG</a> so wie fehlende Content Language oder kein Label beim Eingabefeld der Suche u.a.m.</p> <p>Nochmals: Danke für den Schritt in die richtige Richtung. Besser wäre aber mehr Liebe zum Detail und weniger Pressemitteilung.</p> </div> <div class="metadata"> <div class="metadata_left"> 0 Kommentar(e), 1 Trackback(s) </div> <div class="metadata_right"> <a href="http://blog.namics.com/2005/03/behindertentaug.html#comments">Kommentar abgeben / anzeigen</a> </div> <div class="stopfloat"></div> </div> </div> </div> </div> </div> <div class="stopfloat"></div> </div> </div> <div class="stopfloat"></div> </div> </div> <!-- GA Tracking für blog.namics.com --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-127160-1"); pageTracker._initData(); pageTracker._trackPageview(); </script> <!-- Ende GA Tracking für blog.namics.com --> </body> </html>