Rosanna: Barriefrefreiheit: Sprungmarken, Überschriften, Links

Hallo,

bin mit bei einigen Punkten bzgl. barrierfreier Gestaltung unschlüssig und bitte um Feedback.

Es geht um folgende Seite: http://bauart-pessl.at/test2/startseite.html

Meine Fragen:

1. Sprungmarken (werden bei Fokus eingeblendet). Sind dies Eurer Meinung nach zu viele Sprungmarken?

2. Überschriften-Hierachie. <h1> wird für den Seitentitel verwendet. <h2> für die Seitenbereiche. Soll ich nun im Text - wenn weitere Überschriften nötig sind - mit <h3> fortsetzen oder mit <h2>? Was ist für Screenreader besser?

3. Externe Links: Weiß jemand ob Screenreader einen externen Link durch das http://... und einen E-Mail-Link durch das @ erkennen kann und dies auch so vorliest? Also so wie es Fire Vox praktiziert.

Bin für jeden Hinweis dankbar.

Bis dann
Rosanna

  1. Hallo!

    1. Sprungmarken (werden bei Fokus eingeblendet). Sind dies Eurer Meinung nach zu viele Sprungmarken?

    Hilfe kann es nie genug geben. WIeso aber verweist Du auf Anker, wenn du mit #anker auch jede beliebige ID in einem Dokument ansteuern kannst? Und weshalb lässt Du die Anker hintereinander floaten, anstelle diese auch, wie du es im rest der Seiten auch tust, in eine Liste zu packen?

    1. Überschriften-Hierachie. <h1> wird für den Seitentitel verwendet. <h2> für die Seitenbereiche. Soll ich nun im Text - wenn weitere Überschriften nötig sind - mit <h3> fortsetzen oder mit <h2>? Was ist für Screenreader besser?

    Wenn es die Auszeichnung zulässt und es _sinnvoll_ ist, nimm h3. Unterscheide eventuell mittels CSS und voice-family.

    1. Externe Links: Weiß jemand ob Screenreader einen externen Link durch das http://... und einen E-Mail-Link durch das @ erkennen kann und dies auch so vorliest? Also so wie es Fire Vox praktiziert.

    Ich würde hier auch noch eine voice-family Unterscheidung mittels CSS realisieren.

    Schönen Gruß

    Afra

    1. Hallo Afra,

      Vielen Dank für Deine Anregungen. Die Idee mit der Voice Family finde ich sehr gut.

      Hilfe kann es nie genug geben. WIeso aber verweist Du auf Anker, wenn du mit #anker auch jede beliebige ID in einem Dokument ansteuern kannst?

      Mmmmh, ich hab ja die ids den Listen zugewissen um divs zu "sparen". Ich wollte, dass die davorstehende <h2> von Screenreadern beim "Landen" mitgelesen wird. Aber ich denke, du hast Recht - ist wahrscheinlich ne elegantere Lösung.

      Die Links sind in keiner Liste, weil ich bei allen Versuchen einen einzigen Link, der sich innerhalb einer Liste befindet, über Focus einzublenden, gescheitert bin.

      Nochmals bzgl. Links: Bei einem anderen Projekt von mir sehen externe und interne Links gleich aus. Ein interner Link wird ebenfalls mit http://usw/usw/ aufgerufen. Der Fire Vox, soweit ich das Ding in Gang gebracht hab, hat mir immer "External Link: bla bla " vorgelesen. Machen das andere - kommerziellere - Screenreader auch automatisch?

      Rosanna