Thema: frage zu barrierefreiheit

hallo miteinander,

ich baue eine seite auf, deren zielgruppe blinde & sehbehinderte menschen sind.

wenn jemand mit dem screenreader eine übliche joomla seite liest, wird ihr oder ihm immer erst die gesamte navigation vorgelesen, wenn sie auf einen link geklickt hat.
das ist lästig, wenn das menue lang ist und die person einen bestimmten inhalt bereits gewählt hat.

ich möchte den leuten anbieten, beim aufruf einer neuen seite gleich zum content zu gelangen. könnte dies mit einem anker gehen, den ich vor meinem menue einbaue? wie setze ich das um? oder hat jemand eine andere idee, was man hier macht?

besten dank & gruß
vian

Zitat von vian

könnte dies mit einem anker gehen, den ich vor meinem menue einbaue?

Code:

<ul class="accessibility">
	<li><a href="http://..." title="">Zum Inhalt</a></li>
	<li><a href="http://..." title="">Navigation</a></li>
	<li><a href="http://..." title="">Gooooogle</a></li>
</ul>

danke!!! seven of nine, melde mich später noch einmal, hab noch eine frage
vian

Zitat von seven of nine

Code:

<ul class="accessibility">
	<li><a href="http://..." title="">Zum Inhalt</a></li>
	<li><a href="http://..." title="">Navigation</a></li>
	<li><a href="http://..." title="">Gooooogle</a></li>
</ul>

hm ... a href="http://... ist nicht der korrekte ansatz (damit würde die seite ja wieder ganz neu geladen werden) ... das verwenden von ankern schon ...

Code:

<a class="skip" href="#navigation" title="Direkt zur Navigation springen">Zur Navigation springen</a>
<a class="skip" href="#content" title="Direkt zum Content springen">Zum Content springen</a>

und im content dann

Code:

<a id="navigation" name="navigation"></a>

danke, matin, für deinen beitrag!

verstehe ich richtig: ich baue in meine index.php vor dem menue dies ein:

<a class="skip" href="#navigation" title="Direkt zur Navigation springen">Zur Navigation springen</a>
<a class="skip" href="#content" title="Direkt zum Content springen">Zum Content springen</a>

und vor meinem content >> <div id="content"><?php mosMainBody(); ?></div>
den link zur navi >> <a id="navigation" name="navigation"></a>;

wobei ich den namen verwende, die meine navi hat: "menue1"

ich will dies ja für die gesamte seite, alle unterseiten einheitlich.

freue mich über kurze rückmeldung!
danke & gruß
vian

normalerweise werden die "skip-links" immer ganz am anfang des bodys der seite eingefügt (und nicht vor dem menü - außer das menü ist das erste was im quelltext erscheint). dort fängt ja der screenreader zu lesen an und der user kann sich gleich am anfang entscheiden, ob er zum menü, zum inhalt oder sonst wohin springen möchte.

den code <a id="navigation" name="navigation"></a> baust du dann vor dem menü ein und vor dem content brauchst du dann sowas wie <a id="content_skip" name="content"></a>

Hallo an beide,

möchte mich an dieser Stelle entschuldigen. Entschuldigen dafür, das mir die Fragestellung, der Titel, vielleicht auch das fehlende Basiswissen in den falschen Hals gekommen ist. Sicher, es geht es besser.
Was soll "Barrierefreiheit" bedeuten, wer erstellt eine Seite ohne diese Anker zu kennen und noch schlimmer: Was ist eine allgemein gültige Lösung ?
Schauen wir uns run-digital.com an, hier wir ein für die Intonation wichtiger Punkt am Ende eingefügt, typolight geht den Weg, die Navigation ganz auszulassen.
Die gepostete Variante stammt von JoomlArt, diese Version wird nach Sektion 508 anerkannt.

Und jetzt? Wer hat Recht, was ist richtig oder besser ?

Mir geht es nicht darum Recht zu haben, vielmehr ist mir das Wort "Barrierefrei" aufgestossen und damit geht es von meiner Seite zurück zum Anfang dieses Posts: Entschuldigung.

seven

hallo martin, hallo seven of nine,

barrierefreie, -arme website erstellung ist ein weites feld; leider inzwischen auch ein reizthema. @ seven of nine: urteile sind meiner meinung nach hier fehl am platz, weil dieses forum ein ort ist, fragen zu stellen und wohl niemand von sich behaupten kann, alles zu wissen. die entschuldigung nehme ich gern an.

ich habe das thema oben umbenannt, da mit dem begriff skip-links meine ursprüngliche frage eindeutiger benannt werden kann.

habe noch zweiinteressante beiträge zum thema gefunden, auf die ich andere, die sich mit diesem thema beschäftigen, hinweisen möchte: http://www.einfach-fuer-alle.de/arti...edingung-13.6/

http://infomathek.com/test-xaml/arti...skiplinks.html (yaml)

danke für eure hinweise, ich mache mich nun ans werk.

viele grüße
vian