Barrierefreie Internetseite

[wenco]

Hallo,
meine Frage ist schwer einem Forum genau zuzuordnen. Ich möchte eine barrierefreie Internetseite bauen und bin nicht sicher was beim Vorlesen der Inhalte mit Sonderzeichen vor einem Link passiert. Beispielsweise sowas: >>Link oder || Link. Das wäre ja doof, wenn das jedesmal vorgelesen würde. Gibt es nur die Möglichkeit soetwas durch Linkgrafiken zu verhindern oder helfen da vielleicht Unicods oder reichen da Kommentare drumrum oder wer weiß wie man soetwas noch realisieren darf / kann.

Hat ich einen Tipp wo ich ein gutes und aktives Forum zum Thema barrierefreies Interent finde? wenco

 

[Gumbo]

Du könntest die Zeichen durch die CSS-Eigenschaft content darstellen. Allerdings weiß ich nicht, ob diese auch vorgelesen würden.

 

[hpvw]

Du könntest die Zeichen durch die CSS-Eigenschaft content darstellen. Allerdings weiß ich nicht, ob diese auch vorgelesen würden.

Wenn die Eigenschaft (:before i.V.m. content) nur im CSS für den Mediatype screen steht, sollten die Zeichen nicht vorgelesen werden, aber das hängt vermutlich vom Browser/Reader ab und wie gut und richtig der CSS interpretiert.
Eine Alternative wäre, die Zeichen als Bild zu speichern und als Hintergrundgrafik zu definieren.

Gruß hpvw

 

[wenco]

Ah! - das sieht doch schon mal gut aus. ich werde mir das heute abend genau durchlesen und melde mich nochmal obs mir weiterhilft. Danke auf alle Fälle schonmal. wenco

 

[Ötzi]

Mal noch eine Zwischenfrage: Wo gibt es denn überhaupt CSS Reader? Habe hierzu schon gegoogelt aber nichts gefunden - ich würde mich nämlich auch gerne mit dem Thema "Barrierefreie Internetseiten" beschäftigen.
Die aktuellen Browser unterstützen all diese Funktionen ja noch nicht oder?

 

[Gumbo]

Ich weiß zwar nicht, was du genau mit „CSS-Reader“ meinst, jedoch ist es ein Irrglaube, anzunehmen, dass beispielsweise Screen-Reader und andere Hilfsprogramme grundsätzlich kein CSS und JavaScript unterstützen.

• Bob Easton – „Screen Readers and CSS Layout“

 

[hpvw]

Klick
Alles, was ich sonst so gesehen habe, erreicht man über die verlinkte Seite des w3c.

Gruß hpvw

 

[Gumbo]

Mir fällt gerade noch eine hervorragende Checkliste für Webstandards ein. Desweiteren könnte auch der Wikipedia-Eintrag zum Thema „barrierefreies Internet“ hilfreich sein.

 

[wenco]

Hallo alle und vielen Dank für eure Antworten.
Ich habe die letzten Tage viel gearbeitet und kam deshalb erst jetzt dazu alles nachzulesen und auszuprobieren. Ich hatte mich vorerst für Listenbilder entschieden, da man Navigation in reinem CSS-Layout wohl ohnehin mit Listen realisiert.

Dann habe ich nochmal auf Zen-Garden gestöbert und so die Möglichkeit von hpvw entdeckt. Ich hatte sie in dem Beitrag garnicht kapiert und war iritiert darüber die kleinen Navibilder ausgerechnet als HG abspeichern zu müssen. Und nun ist es genau meine Lösung und die Bilder lassen sich so auch viel besser positionieren als als normal Linkgrafiken, die in meinem Fall viel zu weit abstanden.

Der content, before, after Hinweis hilft mir gleich bei einem weiteren Problem, welches ich mit eurer Hilfe nun schon gelöst habe, obwohl ich eigentlich noch garnicht soweit bin.

Danke nochmal wenco.

 

[muesli123]

Für den Firefox-Browser gibt es eine Screen-Reader Erweiterung das einem die Inhalte vorliest!

Greetz