Website Layout Barrierefreiheit

    Hallo,

    möchte eine barrierefreie Website gestalten, dazu habe ich folgende Fragen:

    - Muss das Layout ganz links sein oder kann es auch in der Mitte des Bildschirms aufgebaut sein?
    - Kann ein Layout auch über den ganzen Bildschirm gehen?
    - Ist es korrekt, dass die Textgrösse 12pt sein kann, da die Website mit Hilfe von Zoom Text Reader vergrösserte werden kann?
    - Kann eine Überschrift gleichgross sein, oder sollte sie grösser und fett sein?
    - Wer kennt sich mit auf dem iPad/iPhone barrierefrei sichtbar aus? Wie ist das Vorgehen?
    - Müssen alle Abkürzungen ausgeschrieben werden oder können die Gängigen wie z.B. Stk., usw, etc. geschrieben werden?
    - Was ist beim Hochladen bzw. bei der Darstellung von Fotos zu beachten?
    - Beim Formular, was ist das Beste, Checkboxen...?
    - Gibt es ein Tool, wo man Kontrastfarben austesten kann? Oder Hinweise gibt?
    - Wie vernetzt man Accesskeys/Sprunglinks in eine Website?
    - Lässt sich all dies mit einem CMS Content Management System auch umsetzen?
    - Gibt es eine Beispielwebsite die ich mir anschauen kann?

    Ich bin um jede Hilfe und um jeden Tipp sehr dankbar.
    Yves

    Guten Morgen und willkommen hier um Forum!

    Ich selber habe mit Webdesigning kaum Erfahrung, aber ich versuche, für dich Infos einzuholen.
    Ein paar Dinge kann ich Dir allerdings schon beantworten.
    Tatsache ist, dass es volle Barrierefreiheit einfach nicht gibt, nicht geben kann, denn womit vielleicht ein Sehbehinderter User ganz gut zurecht kommt, hat ein vollblinder Anwender Probleme und umgekehrt, bzw. vielleicht eine Person, die nur mit Bildschirmtastatur im Internet unterwegs sein kann. Aber Du kannst sicher Barieren so weit wie möglich reduzieren.
    Abkürzungen kannst Du auf jeden Fall verwenden, mit denen können Screenreader umgehen. Grafiken und Fotos sollten zumindest eine Alternativbeschriftung aufweisen. Alles andere darüber muss ich erst in Erfahrung bringen.
    Aber es gibt schon auch gute Webseiten, die Dir da weiterhelfen können.
    Da wäre einmal http://www.einfachfueralle.de
    Eine sehr gute Infoseite, die selbstverständlich auch so Barrierefrei wie möglich gestaltet ist, wäre.
    http://www.wai-austria.at

    eine imho gute barrierereduziert gestaltete Seite ist die der Fachgruppe Hilfsmittel des österreichischen Blinden- und Sehbehindertenverbandes.
    http://www.fachgruppe-hilfsmittel.at/
    Ich denke, die Frage nach einem CMS, das Dir bei der Gestaltung helfen könnte, wirst Du auf einer der oben genannten Seiten beantwortet finden.
    Ich denke, dass da auch schon das eine oder andere bezüglich Iphone zu finden sein wird.

    Du solltest zunächst mal einige Artikel auf http://www.bitvtest.de/ lesen.
    Dabei wird deutlich, daß Du schon die halbe Miete hast, wenn Du einerseits validen Code erzeugst und zum zweiten eine sinnvolle Struktur im Dokument hast (im Sinne von Überschriften h1, h2, gefolgt von p usw statt nur div-Tags).

    Ein weiterer Schritt wären dann Dinge wie die erwähnten Abkürzungen und Akronyme, die zwar verwendet werden können, aber als solche gekennzeichnet werden sollten (ebenso wie fremdsprachliche Texte, damit ein Screenreader nicht Unsinn vorliest).

    Dann kommt die Gestaltung mit Farben, Kontrasten usw. Bei Fotos sollte eine Beschreibung des Inhalts im title-Atribut stehen, aber letztlich steht das alles in den Vorschriften der BITV. Testen kann man Vieles gut mit Online-Tools wie http://www.cynthiasays.com/

    Öhm, die Sprachauszeichnung für fremdsprachige Texte ist eine etwas zweischneidige Sache, ich deaktiviere die Umschaltung bei meinem Screenreader immer, weil es tierisch nerven kann, wenn Du in einem deutschen Text plötzlich die Sprachausgabe umgeschaltet kriegst, der 5 Worte auf englisch quatscht und dann wieder weiter deutsch. Das stört für mich den Sprachfluss, da soll er doch lieber das Englisch deutsch aussprechen ;)
    Aber das ist, wie gesagt, Geschmackssache.
    Kontraste ist eine ganz heikle Sache, weil Sehbehinderte Surfer oft total verschiedene Anforderungen haben, je nach Sehrest und Seheinschränkung.
    12 PT für Fotos ist nicht gut, habe ich mir sagen lassen, weil es sich bei PT umeine fixe Größe handelt, und das könnte mitunter für Surfer mit Sehrest Probleme verursachen.
    Ein guter Link mit etwas Englischkenntnissen ist auch:
    http://www.w3.org. in der Sektion WAI findet man sehr viel über Richtlinien zu Bildergrößen etc.
    Zudem könnte es nicht schaden, falls nicht schon gechehen, die Erweiterung:
    Web Developer zu installieren.