|
 |
  |
| Autor |
Nachricht |
sickcow
Neuer [User]
Anmeldung: 17.03.08
Beiträge: 2
Wohnort: Baden
|
 Verfasst am: 17.03.2008, 16:59 Titel: Verstellbare Schriftgröße |
 |
|
Hi leute,
ich maturiere dieses Jahr und eines meiner Maturafächer wird unteranderem auch Informatik sein. Für mein Spezialgebiet habe ich mir barrierefreies Webdesign ausgesucht.
Im Zuge meiner Arbeit muss ich auch eine barrierefreie Homepage erstellen und ich habe derzeit ein kleines Problem:
Ich würde gerne dem User ermöglichen, dass er sich die Schriftgröße auf meiner seite individuell einstellen kann, das ganze soll in etwa so aussehen:
siehe auch:  http://www.bmukk.gv.at/ (am rechten Rand)
Nur habe ich keine Ahnung wie ich man so etwas programmiert. Kann mir da jemand von euch genaueres darüber sagen? kennt jemand von euch eine seite wo ich tipps zu barrierefreiem webdesign finde?
danke!
Martin
_________________
my eyes don´t recognize....
|
|
| Nach oben |
|
 |
sejuma
Beliebter [User]
Anmeldung: 08.05.06
Beiträge: 493
|
| Verfasst am: 17.03.2008, 17:33 Titel: |
|
|
Das Beispiel in dem von dir genannten Link widerspricht sich etwas mit der Barrierefreiheit.
Die dortige Schriftgrößenänderung basiert nämlich auf einem Javascript und das ist nicht barrierefrei, falls es im Browser nicht aktiviert ist.
Der maßgebliche Quelltext ist dieser:
| Code: | <script type="text/javascript">
/**/
if (efa_fontSize){
efa_fontSize.efaInit();
document.write(efa_fontSize.allLinks);
}
/**/
</script> |
Dazu kommt dann noch ein Codeschnipsel im head-Bereich.
Wenn du als Schriftgrößeneinheit "em" verwendest, kann der Besucher (auch im IE6) die Schriftgröße in seinem Browser selbst verändern: Entweder "STRG" und "+" bzw. "STRG" und "-" oder mit Ansicht/Schriftgröße. Allerdings ist diese Möglichkeit der Einstellung vielen unbekannt.
Eine Alternative zum Javascript wäre ein sogenannter CSS-Style-Switcher.
Hier hinterlegst du in unterschiedlichen CSS-Dateien verschiedene Schriftgrößen.
Siehe z.B. hier unten links "Darstellung"
Eine Anleitung für einen solchen Style-Switcher findest du hier
Barrierefreies Webdesign: Goggle ist dein Freund
_________________
sejumas CSS-Einsteigerkurs
|
|
| Nach oben |
|
|
|
|
  |
|
Alle Zeiten sind GMT + 1 Stunde
|
| Seite 1 von 1 |
|  |
