Wie Barrierefrei programmieren ?

[visionsurfer]

Hallo,
ich will gerade eine neue Webseite aufbauen und dafür das Template machen. Das ganze wird später dann vom CMS System Typo3 mit Inhalten versorgt.

Bisher habe ich das Layout der Webseiten immer mit Tabellen gemacht. Aber das ist doch nicht mehr so gut, oder ?

Wie programmiert man wirklich gut Barrierefrei ?
Das wird doch eher alles mit DIV´s usw. gemacht und dann alles zentral per CSS gesteuert. Leider habe ich sowas noch nie gemacht, möchte die neue Seite aber gleich richtig anlegen.

Gibt es eventuell irgendwo eine kleine Erklärung, Anleitung oder Tutorial wie man ein gutes Gerüst mit DIVS macht, so das die Seite dann gut Barrierefrei ist ?

Grüße,
Visionsurfer

[Nightline]

Also wirklich barrierefrei eine Seite erstellen ist gar nicht so einfach, pass auf dass du dir da nicht zuviel aufhalst wenn du erst den Umstieg auf DIV's machst!

St@eff.en hat aber hier einen interessanten Link gepostet: http://www.traum-projekt.com/forum/599977-beitrag1.html

Für dich auch noch wichtig, lies dir mal diese Artikel durch:
http://css.fractatulum.net/sample/suppe/div_suppe1.htm
http://www.vorsprungdurchwebstandard.../retro-coding/

Es bringt dir nämlich nichts auf DIV's umzusteigen, wenn du dann nicht ordentlich codest.

[visionsurfer]

Hallo,

ok. Aber es ist doch richtig das man es besser mit DIV´s macht, oder ?

Oder wie sollte ich am besten loslegen wenn ich versuchen will eine gute Seite zu programmieren ?

Grüße,
Visionsurfer

[Stefan_G]

Hallo,

Zitat von visionsurfer

Oder wie sollte ich am besten loslegen wenn ich versuchen will eine gute Seite zu programmieren ?

eine Menge Tipps, Techniken und weiterführende Links für den Einstieg findest du z. B. hier:

http://www.barrierefreies-webdesign.de

Das Buch, das auf der Seite angesprochen wird, ist m. E. für den Einstieg allerdings weniger geeignet. Sehr empfehlenswert finde ich aber das KnowWare-Heft: http://www.barrierefreies-webdesign....ware/index.php - das kostet nur ein paar Euro ist ist für den Anfang klasse.

Weitere interessante Infos, Artikel und Tutorials:
http://www.einfach-fuer-alle.de/inhalt/

//Stefan

[hero-master]

Da hab ich auch noch einige Links, wenn wir grad dabei sind :

http://www.heise.de/ct/04/19/194/default.shtml
http://einfach-fuer-alle.de
http://www.webaccessibility.de
http://www.lingo4u.de/article/checklist

Barrierefreiheit ist nicht nur der Code und die Semantik, sondern auch Accessibility und Usability

[Boris]

Ach ja - HTML und CSS programmiert oder codet man nicht, es sind keine Programmiersprachen.

[321]

@Boris: Obs Du glaubst oder nicht, ich hab Dich schon erwartet

[rewboss]

Zitat von visionsurfer

Aber es ist doch richtig das man es besser mit DIV´s macht, oder ?

Sagen wir so: Fürs Layout ist eine Lösung mit DIV viel besser als Tabellen. Für tabellarische Daten aber ist eine Tabelle vorzuziehen.

Ich habe die geposteten Links in diesem Threads noch nicht durchgeguckt, aber hier einige Vorschläge:

HTML um die Dokumentenstruktur zu definieren, CSS für die Gestaltung.

Semantische Tags: z.B. <em>, <dfn> oder <cite> anstatt immer nur <i>.

Alle Infos als Text -- kein Text in Grafiken oder Sound-Dateien, wenn es sich vermeiden lässt.

Text gut lesbar -- Schriftart, -farbe und -größe beachten! Auch auf die Bedürfnisse von Farbenblinden denken.

Vernünftiger Einsatz von Überschriften -- korrekte Verwendung von <h1>-<h6>-Tags. Auf die Formulierung achten -- Überschriften sollten knapp formuliert werden und den Inhalt der folgenden Absätzen beschreiben.

Navigation auch ohne JavaScript usw muss möglich sein.

Beim Text auf die Bedürfnisse von Screenreaders achten: die wichtigsten Informationen zuerst (wie bei einem Zeitungsbericht).

Es gibt viel mehr zu beachten, das sind aber schon einige der wichtigsten Sachen.