barrierefreies webdesign ?

[CRAIX]

hallo leute,

ich habe nun schon sehr viel im netz gelesen barrierefreies webdesign.
mh schön gut, aber was steckt eigendlich da hinter, was ich bis jetzt gelesen habe hat mir nett so richtig geholfen. bedeutet das barrierefreies webdesign, dass auch die behinderten menschen unter uns die seite leicht
bedienen können ? oder was bedeutet es so eine seite zu erstellen.

habe auch schon auf einigen seiten seiten was darüber gelesen, aber kann mir mal bitte jemand mit seinen worten das barrierefreies webdesign kurz erklären.
bitte nicht auf links verweisen, davon habe ich schon einige gelesen aber so richtig klar ist es mir noch nicht geworden das barrierefreies webdesign.

danke für eure hilfe ...

[Hausmaster]

hi!

z.B. texte so optiemieren, dass es vorlesprogramme für blinde menschen fast fehlerlos vorlesen können.
dann noch z.B. guten kontrast für menschen mit sehschwäche etc..

mehr kann ich dir leider auch nicht sagen..

[buzzbomb]

hi,
barrierefreies webdesign bedeutet eigendlich das die seiten in allen browsern laufen, ohne plugins und schnickschnack, die seiten sollten sich immer dem browser anpassen und der schriftgrad sollte sich einstellen lassen, also nicht mit css vorgeben, das sollte wohl das wichtigste sein.


mfg

[Terry]

Barrierefrei ist nicht nur für Behinderte - und behindert bedeutet nicht automatisch blind!

Bei einer optimal barrierefreien Seite könnte jeder Mensch mit jedem x-beliebigen Useragent, mit dem sich eine Internetverbindung herstellen läßt, diese Seite gut nutzen.

Konkret heißt das z.B. folgendes:

- Die Seite darf keine besondere Hardware voraussetzen:
- egal, ob der Monitor nun 320 x 160px (Handheld) oder 1600x1200px groß ist - die Seite ist benutzbar (gleiches Aussehen geht logischerweise nicht!).
- egal, ob mit Modem gesurft wird oder mit DSL - die Seite lädt zügig.
Usw...

- Die Seite darf keine besondere Software voraussetzen:
- egal, ob ein alter Browser oder ein neuer Browser benutzt wird - der Inhalt muß zugänglich sein (sogar noch mit Netscape2 o.ä. ) - allerdings wird dann eben kein Layout mehr angezeigt (halt ohne CSS, da der Netscape 2 z.B. das noch nicht kann).
- Plugins (Flash, Java) dürfen nicht erforderlich sein, um die Seite anzusehen.

- Die Seite muß berücksichtigen, dass Funktionen ausgeschaltet sein können:
- Da Javascript oft aus Sicherheitsgründen ausgeschaltet wird, muß die Seite auch ohne Javascript funktionieren.
- Manche User schalten Bilder aus (z.B. Modemsurfer) - die Seite muß also auch ohne Bilder funktionieren.
Usw...


- Die Seite ist auch von behinderten Menschen benutzbar:
- für Blinde: Screenreader lesen vor oder der Text wird durch Braillezeilen übersetzt - die Seite wird mit der Tastatur bedient. Dazu muß der Text alleine ohne Bilder Sinn ergeben und gut linearisiert sein (keine verschachtelten Tabellen). Man kann auch noch spezielle Hilfen einbauen (Sprunglinks, accesskeys, Sprachangaben etc. - dann wird es noch erleichtert). Zum Ausprobieren: - hier gibt es JAWS.
- Sehbehinderte: die Schriftgröße muß verstellbar sein und deutlich vergrößert werden können. Zumindest leicht sehbehindert ist sehr häufig!
- Motorisch Behinderte: können oft die Maus nicht bedienen, wenn die Feinmotorik gestört ist (durch Spastik, Tremor, Ataxie oder anderes) - kleiner Test: bedien mal die Maus mit der linken Hand - dann merkst Du mal ansatzweise, wie schwer das auf manchen Seiten ist.
Da kann dann eine (Spezial)-tastatur benutzt werden - die Seite muß also ohne Maus bedienbar sein - probier auch das mal - ist auf vielen Seiten unmöglich!
- geistig Behinderte: der Text der Seite sollte einfach und klar sein.
- Gehörlose: können oft auch nur wenig lesen - also einfache Sprache! - evtl. sogar Videos in Gebärdensprache einbinden.

Du siehst also, dass ziemlich viel bedacht werden muß.
Mit jedem Punkt, der nicht bedacht wird, werden am Ende User ausgeschlossen von einer Seite. Sollte immer bewußt sein.

[HoRnominatoR]

also nicht mit css vorgeben, das sollte wohl das wichtigste sein.

natuerlich mit CSS vorgeben, genau wie alles andere, was mit optik zu tun hat. schrift nicht in px angeben, sondern in em oder %.

keine tags missbrauchen (tabellen sind fuer tabellarische daten da, fuer NICHTS anderes, erst recht nicht fuers design). design und inhalt strikt trennen. in HTML hat design NULL verloren. jedes element hat schon seine funktion. logische auszeichnung hat nicht nur vorrang, sondern ist als einziges anzuwenden, da haben sachen wie <b> oder <i> auch nichts verloren - sie sind physisch = design = hat nichts in HTML verloren. wenn du etwas fett haben willst, benutze CSS. wenn du etwas betonen moechtest, benutze <em> oder <strong>. dieses koennen screenreader auswerten.

wenn du barrierefrei arbeitest, wird jedes system, dass es richtig umsetzen kann, mit deiner seite umgehen koennen. jeder, ob sehend, blind, mit armen oder ohne, mit sehschwache oder ohne, ob maus, tastatur oder was es sonst noch so gibt, einfach jeder der darauf zugreifen kann wird mit entsprechendem browser (grafisch, screenreader, braillezeile) deine informationen verwerten.

[Nicolas]

Also ich kenne barrierefreies Webdesign eigentlich auch nur in dem Zusammenhang, dass auch Behinderte ohne Probleme etwas damit anfangen können! Das heißt, für Blinde, das Vorlese Programm sollte damit zurecht kommen, und Leute, die Probleme mit den Augen haben, sollten auch noch die Seite lesen können.
Hier ein paar gute Links:www.internet-ohne-barrieren.de
und unter www.bobby.watchfire.com kannst du deine Seite testen lassen, ob sie behinderten gerecht ist.
Noch ein Zitat, aus einem Buch:

Was aber heißt behindertengerecht? Im Web bezieht sich das hauptsächlich auf Personen mit eingeschränktem Sehvermögen. Diese verwenden zumeist beim Surfen einen so genannten Screenreader. So ein Screenreader arbeitet wie ein Sprachsynthesizer und liest Webseiten zeilenweise vor, so dass der Benutzer Webseiten auch ohne Augenlicht betrachten kann. Diese Seite sollte allerdings eine Reihe von Voraussetzungen erfüllen, damit Screenreader auch funktionieren. Ein Beispiel hierfür sind Grafiken, die lassen sich natülich nur schwerlich vorlesen. Wenn diese allerdings ein alt- Attribut besitzen, wird dieses vorgelesen. Optimal natürlich, wenn der Wert des alt- Attributes auch etwas mit der Grafik zu tun hat, sie am besten beschreibt.

In dem Buch stehen dazu ca. 6 Seiten.
Die möchte ich nicht alle abschreiben, aber das Buch ist vom Markt+Technik Verlag, und trägt den Titel M+T Werkstatt, Websites optimieren
Ich hoffe das hat ein bisschen weiter geholfen!

[Boris]

Es muss dabei nicht mal um blinde Menschen gehen. Ältere Menschen, die z.B. nicht mehr so gute Augen haben, sollten die Möglichkeit haben, die Schriften Deiner Webseite vergrößern zu dürfen (ohne dass das Design auseinander fällt). Bei der Nutzung von px und dem IE ist das nicht möglich.