| Autor |
Nachricht |
|
Verfasst am: 04.03.2002 [20:48]
|
|
gi
Themenersteller
Dabei seit: 02.03.2002
Beiträge: 1113
|
Hi!
Hat sich wer von euch schon mal überlegt, wie man eine Seite Versierten freundlich gestalten kann?
(Bsp.: für Blinde)
so long 
Nobody
|
|
Verfasst am: 04.03.2002 [20:56]
|
|
Dominik Kopp
Dabei seit: 02.03.2002
Beiträge: 1580
|
ja, zwar nicht direkt, aber da gibt es so ein paar spezielle dinger.
mhmmm... ich glaube die suchmaschine witch.de hat extra ein verzeichnis für blinde, da steht auch wie das geht.
auch selfhtml müsste sowas haben!
|
|
Verfasst am: 04.03.2002 [20:58]
|
|
gi
Themenersteller
Dabei seit: 02.03.2002
Beiträge: 1113
|
könntest vielleicht auch sowas in deine Seite integrieren, ich mein als Beispiel! Immerhin is ja auch ne Webmasterseite?!
|
|
Verfasst am: 04.03.2002 [22:07]
|
|
Robbes
Dabei seit: 02.03.2002
Beiträge: 2657
|
Bitteschön, alles was man braucht: <a rel="nofollow" href="outbound.php?url=http://www.w3.org/WAI/"><a href="http://www.w3.org/WAI/" target="_blank">http://www.w3.org/WAI/</a></a>
|
|
Verfasst am: 04.03.2002 [22:27]
|
|
sec
Dabei seit: 03.03.2002
Beiträge: 469
|
kleine faustregel... ist eine seite mit lynx gut navigierbar, ist sie auch mit einem braille-reader gut lesbar (also einem lesegerät für blinde).
ist nicht 100%ig, aber zumindest ein anfang.
|
|
Verfasst am: 05.03.2002 [09:04]
|
|
Dominik Kopp
Dabei seit: 02.03.2002
Beiträge: 1580
|
ist es nicht so das man dabei auf tabellen verzeichten sollte?
soviel ich weiß werden tabellenzellen dann untereinander dargestellt, aber geschachelte tabellen?
das kann (muß!) ein ganz schönes durcheinander werden!
|
|
Verfasst am: 05.03.2002 [13:05]
|
|
gi
Themenersteller
Dabei seit: 02.03.2002
Beiträge: 1113
|
Hi!
es gibt ein paar einfache Grundregeln:
1. Stelle sicher das deine Webseite per Tastatur bedienbar ist. Einfach mal die Maus ausstecken und sehen was passiert ...
Wenn die Verzweiflung ausbricht wirds Zeit zum Umstrukturieren
2. Halte dich an die allgemeinen Grundregeln für gutes Html. Keine Tags umdefinieren, missbrauchen oder zweckentfremden. Sinnvolle Linkbenennung ( Nicht zum Onlineshop "hier klicken" sondern "zum Onlineshop" )
Beispieltabelle
<TABLE border="1">
<caption> Amount and type of Jello consumed </caption>
<TR>
<TH id=”t1” >Name</TH>
<TH id=”t2” >Serving Size (oz)</TH>
<TH id=”t3” abbr="Type">Type of Jello</TH>
<TH id=”t4” >Seconds</TH>
</TR>
<TR>
<TD headers=”t1” >George</TD>
<TD headers=”t2” >10</TD>
<TD headers=”t3” >Red</TD>
<TD headers=”t4” >No</TD>
</TR>
<TR>
<TD headers=”t1” >Bob</TD>
<TD headers=”t2” >5</TD>
<TD headers=”t3” >Green</TD>
<TD headers=”t4” >Yes</TD>
</TR>
</TABLE>
3.Alt Tags auch für Javaapletts verwenden
<applet name="DigiChat"
“codebase="<a rel="nofollow" href="outbound.php?url=http://rm150nt.cpd.usu.edu/DigiChat/DigiClasses/""><a href="http://rm150nt.cpd.usu.edu/DigiChat/DigiClasses/"" target="_blank">http://rm150nt.cpd.usu.edu/DigiChat/DigiClasses/"</a></a>;
code="digi/digichat/DigiChatApplet.class"
width="200" height="100" align="right"
archive="Client.jar"
alt=”This is a chat program which requires a Java-compatible Web browser to run”>
<param name="port" value="8303">
<param name="background" value="FFFFFF">
<param name="textcolor" value="000000">
<param name="cabbase" value="Client.cab">
</applet>
4.Formularbeschriftungen mit Formularelementen assoziieren
<FORM action="FMPro" method="post">
<fieldset>
<legend>Personal information </legend>
<label for=”firstname”>First name: </label>
<INPUT id=”firstname” type="text" tabindex="1">
<label for=”lastname”>Last name: </label>
<INPUT id=”lastname” type="text" tabindex="2"> ...etc...
</fieldset>
<fieldset>
<legend>Medical History</legend>
<p>
<label for=”grantees”>Grantees:</label>
</p>
<p>
<input id=”grantees” type=”text” tabindex=”3”>
</fieldset>
</FORM>
so long
Nobody
|
|
Verfasst am: 05.03.2002 [16:32]
|
|
sec
Dabei seit: 03.03.2002
Beiträge: 469
|
<!--quoteo--><div class='quotetop'>ZITAT</div><div class='quotemain'><!--quotec-->[i]Original von Dominik Kopp [/i:6b3003a799]
ist es nicht so das man dabei auf tabellen verzeichten sollte?
soviel ich weiß werden tabellenzellen dann untereinander dargestellt, aber geschachelte tabellen?
das kann (muß!) ein ganz schönes durcheinander werden!<!--QuoteEnd--></div><!--QuoteEEnd-->
ja stimmt. es ist eine gratwanderung. tabellen sollten nur verwendet werden, wo auch eine tabellarische auflistung sinnvoll ist (z.b. adressen).
für layout-zwecke sollte man drauf verzichten.
warum immer das sollte? weils nicht geht, wenn man auch etwas ältere browser unterstützen will. leider. die standards (css) gäbs ja, mit denen lässt sich viel machen (meine hp z.b. ist komplett table-frei). leider ist halt dann z.b. der ns4 völlig aufgeschmissen...
wenn sich die neuen browser mal etbliert haben, wird alles gut *g*
|
|
Verfasst am: 05.03.2002 [18:48]
|
|
Robbes
Dabei seit: 02.03.2002
Beiträge: 2657
|
Nochwas zum Thema "usability": Accesskeys sollte man auch verwenden, nicht nur den TabIndex. Also z.B.:
<form ...>
<input ... tabindex="1" accesskey="a" />
<input ... tabindex="2" accesskey="b" />
...
</form>
Geht auch bei normalen Links etc.
|
Forum
