MAIN_web » Internet

Leichter flickern

Maria Putzhuber — Sat, 15 Nov 2008 14:06:35 +0000

Was es für tolle Fotos gibt im Internet, ich staune immer wieder….

Wer bei flickr nur Bilder anschauen will und nicht selber Fotos hochladen, kommentieren usw. will, kann das einfacher und schöner haben auf Seiten, die das flickr API (Programmierschnittstelle) nur für diesen Zweck benutzen.
Das ist natürlich auch für Menschen mit Lernschwierigkeiten interessant, die einfachere Webgestaltung brauchen.

Christian Heilmann hat eine ganz ganz einfache flickr Bildersuche entwickelt, die man auch auf eigenen Seiten einbauen kann. Hier gibt es nicht mehr als ein Suchfeld. Dann wird ein Bild groß angezeigt. 20 weitere Bilder, mehr nicht, gibts beim Weiterklicken.

Kürzlich erst habe ich flickriver.com entdeckt, eine Bildersuche, die überhaupt nicht die Absicht hat, speziell die Zielgruppe mit Lernschwierigkeiten zu bedienen, dabei aber doch sehr einfach ist. Und zudem sehr schön!

Auf schwarzem Hintergrund wird ein nicht enden wollender Fluss von großen Bildern angezeigt. Man kann solange weiterscrollen, wie man will und immer werden neue Bilder nachgeladen. JavaScript brauchts halt, aber das ist ja – tastaturbedienbar – kein Accessibility Hindernis mehr.

Gestoßen bin ich auf flickriver über das Blog von Ralph Segert, der die Bilder der Flickr-Group Ants dort verlinkt hat: 2528 irre Ameisenfotos auf einen integrativen Klick.

Web Accessibility Showcase

Maria Putzhuber — Wed, 05 Nov 2008 14:53:33 +0000

Nun fange ich auch mit der lästigen Mode an, Showcase Listen zu publizieren, damit was passiert im Blog…aber keine Sorge, es geht um Barrierefreiheit von Webseiten, und das ist ein noch überschaubares Gebiet.
Barrierefreie Webseiten dürfen – nein sollten! – auch ein professionelles Design haben. Das hat sich noch immer nicht ganz herumgesprochen, nicht in der kleinen Szene und außerhalb schon gar nicht.

Für gutes Design gibt es Kriterien, ebenso wie für Barrierefreiheit. 100% seriös wollen wir das hier aber nicht handhaben, sondern strikt blogmäßig subjektiv.
Die gelisteten Beispiele entsprechen also primär meinem Schönheits- und Professionalitätsempfinden. D.h. Sie finden hier Beispiele von Seiten, die mir gefallen.

Machen Sie mit

Damit ich aber nicht schamlos nur für meine Freunde und mich Werbung machen muss, bitte ich Sie um Ihre Teilnahme. Per E-Mail oder per Kommentar könnten Sie barrierefreie Webseiten vorschlagen, die Ihnen wirklich gefallen und möglichst auch noch dazuschreiben, wieso.

Wenn ich Sie dann auch herausragend finde, mache ich einen Screenshot davon.

Ein – nicht zu strenger – Nachweis der Barrierearmut ist allerdings Voraussetzung. Ich zeige hier Seiten, die einen Preis gewonnen haben, ein ernstzunehmendes Label tragen, irgendwo als barrierefrei gelistet sind oder durch die Szene einigermaßen abgesegnet wurden. Und die IMHO schick sind!

Die Kategorien, in die ich die Beispiele stecke, entsprechen der Tageslaune. Heute sind das z.B. die folgenden, aber wer weiß, was uns – gemeinsam – noch einfällt:

Fixes Layout
Zoom Layout
Flexibles Layout
Dunkler Hintergrund
Typographie
Ungewöhnlich
Webzweinullig übersichtlich
Seriös
Jung
Brave Dropdownmenüs
Progressive Disclosure
Widgets
Gute Formulare
Gute Datentabellen

Beginnen wir mit Showcase Nr. 1: Flexibles Layout.

Tab und Enter

Maria Putzhuber — Mon, 13 Oct 2008 10:40:59 +0000

Der Robert Lender ist ein konsequenter Mann und will auch dieses Jahr wieder den „Internationalen Tag der Tastatur“ begehen, den er am 15. Oktober letzten Jahres ausgerufen hat. Wir schließen uns gerne an mit zwei kleinen Übungen zum Thema tastaturbedienbares JavaScript.
Lassen Sie also die Maus beiseite am 15. Oktober und tabben Sie sich durch den Tag. Die besonders Empathischen unter Ihnen – können auch Handschuhe anziehen oder versuchen, den Computer ohne Hände zu bedienen.

1. Dropdown Menüs

Für die Accessibility Hardcore Fraktion sind sie ein absolutes No-No – aus einer Menge guter Gründe. Das pragmatische Lager meint, wenn Sie sie nicht vermeiden können, machen Sie sie zumindestens richtig.

Hier nun eine Aufgabe speziell für MinisterialbeamtInnen und natürlich auch alle BürgerInnen, die sich sonst noch auf Ministeriumsseiten verirren. Vergleichen Sie die Dropdownmenüs auf der Website des Finanzministeriums und des Verteidigungsministeriums. Ohne Maus, wohlgemerkt! Welche Lösung ist aus Ihrer Sicht die richtigere? Kommentare herzlich willkommen.

2. JavaScript Widgets

Speziell für neugierige ProgrammiererInnen und alle Web 2.0 Zukunftsgläubigen die Aufgabe, sich durch die Website der Grünen zu bewegen – ohne Maus. Konzept und Design der Seite sind toll, an der barrierefreien Umsetzung wird noch etwas gefeilt, wie man hört.
Wo kommen Sie weiter, wo bleiben Sie stecken, wie programmiert mans richtig: das ist spannend, finden Sie nicht auch?

Am 15. Oktober machen Sie das bitte, nicht jetzt, jetzt könnten Sie den „Tag der Tastatur“ ebenfalls bewerben: Für ein besseres Web!