CSS Barrierefrei

Tach Community…

ich bin spaet… aber ich muss jetzt hoppla-hopp von table - design auf css barrierefrei umsteigen… und das positionieren bereitet mir haarausfall.

ich scheitere am grundgedanken/muster meiner site.
Nur zu meinem verstandnis…

DIV sind definierte bereiche… und fuer allen content ist P und span zu nutzen… soweit so gut…

jetzt moechte ich ein skalierbares sitedesign… ganz einfacher art. die folgende ascii grafik soll das designschema erlaeutern (zu sehen absolut positioniert unter: www.lauschzone.de

------------------------------------------
header klebt oben width:100% height:50px;
------------------------------------------

 Viel Content 
 mit ebenfalls relativen
 css boxen. Dieser Bereich ist
 relativ in der hoehe

------------------------------------------
footer klebt unten width:100% height:50px;
------------------------------------------

also… der content soll realtiv in der hoehe sein und sich anpassen… die footerleiste und headerleiste sind 50 px hoch und 100% breit…

wie funktioniert das barrierefrei. derzeit ist es absolut positioniert, weil ich keine zeit hatte und der content wichtiger war…

jetzt will ich aber huebsch machen und das gleich richtig.
habe schon einige relativ gute tutorial seiten hinter mir,
die mein problem aber nicht genau treffen. (BoxModell)

habe ich schon erwaehnt, dass es im IE, Netscape, Mozilla und Opera laufen muss? *smile*

Ich bin gespannt auf die Antowort

Grusz

PixelKoenig

Hallo,
das Positionieren hat aber nicht unbedingt mit barrierefrei zu tun :wink:
Barrierefrei heisst, dass Schriftgröße z.B. vom Benutzer anpassbar sein sollten, Bilder beschriftet werden…
Wenn du deine Seiten z.B. mit Lynx testest, sollte der wichtige Inhalt auch gut sichtbar sein…

Beatrix
http://www.trixi.de

jetzt moechte ich ein skalierbares sitedesign… ganz
einfacher art. die folgende ascii grafik soll das designschema
erlaeutern (zu sehen absolut positioniert unter:
www.lauschzone.de


header klebt oben width:100% height:50px;

Viel Content
mit ebenfalls relativen
css boxen. Dieser Bereich ist
relativ in der hoehe


footer klebt unten width:100% height:50px;

also… der content soll realtiv in der hoehe sein und sich
anpassen… die footerleiste und headerleiste sind 50 px hoch
und 100% breit…

wie funktioniert das barrierefrei. derzeit ist es absolut
positioniert, weil ich keine zeit hatte und der content
wichtiger war…

jetzt will ich aber huebsch machen und das gleich richtig.
habe schon einige relativ gute tutorial seiten hinter mir,
die mein problem aber nicht genau treffen. (BoxModell)

habe ich schon erwaehnt, dass es im IE, Netscape, Mozilla und
Opera laufen muss? *smile*

Ich bin gespannt auf die Antowort

Grusz

PixelKoenig

hi Beatrix

das Positionieren hat aber nicht unbedingt mit barrierefrei zu
tun :wink:

das ist mir bewusst :smile:

Barrierefrei heisst, dass Schriftgröße z.B. vom Benutzer
anpassbar sein sollten, Bilder beschriftet werden…
Wenn du deine Seiten z.B. mit Lynx testest, sollte der
wichtige Inhalt auch gut sichtbar sein…

skalierbar, anpassbar…individuell … ich weiss…
mein wunsch auf barrierefreiheit bezog sich aufden zu erwartenden quellcode… im prinzip…im vorfeld tables und andere tricks ausschliessen…

grusz

PixelKoenig