Accessible Menu nach T3.org

Hallo,

hat von euch schon mal jemand folgends ausprobiert?
http://typo3.org/development/articles/accessible-menus/

Hier wird beschrieben, wie man Menüs mit einem (dfn)-Tag erstellen kann. Soweit klappt auch alles - sprich die Menüs werden mit dem (dfn>-Tag gewrappt. Gegenüber dem Tutorial ist jedoch ein kleiner Unterschied. Hier wird beschrieben, das das Menü folgendermaßen im Frontend gewrappt wird:

<ul>
<li><a href="“house.html“"><dfn>1.1: </dfn>my house</a></li>

Ich denke ich habe alles richtig eingebunden. Bei mir kommt jedoch folgender HTML-Code im Frontend raus:

<ul>
<li><dfn>1.1: </dfn><a href="“house.html“">my house</a></li>

Sprich der (dfn)-Tag steht vor dem (a)-Tag, was etwas blöd ist, wenn man via CSS gestalten will.

Kann mir vielleicht jemand sagen, ob das jetzt am TS-Code (siehe Tuturial) liegt oder an dem nötigen PHP-File (http://www.cf-webservice.de/t3snippet/dfn%20iproc%20tmenu.txt)

Wäre für jede Hilfe dankbar.
Gruß
Sukkulent

das wird an dieser Zeile im Quellcode liegen :

$I['parts']['before'].='<dfn>'.$dfn.':</dfn>';

Willst Du denn die Nummerierung mitverlinken?
Falls nicht kannst Du doch per CSS den <dfn>-Tag wunderbar formartieren.

Ja, ich wollte die Nummerierung und den evtl. auch einen Punkt am Ende mitverlinken.

Ich weiß mit "display: none" krieg ich die Nummern weg. Laut http://www.einfach-fuer-alle.de/artikel/menues/tag3/ sollte man das so nicht machen - wegen den Lesegeräten. Sie schlagen folgende Variante vor:

span.unsichtbar, span.hier {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height:0px;
overflow:hidden;
display:inline;}

Das hat aber wiederrum im IE zufolge, das Aufgrund meiner (a)-Tag Formatierung zu einem Block-Element, bei den Navigationspunkten (brauch ich für eine Bildhinterlegung), das (dfn)- und (a)-Tag in sep. Zeilen gesetzt werden. Mit der obigen empfholenen CSS Anweisung schauts in Firefox normal aus, der IE behält jedoch die Zeilenabstände bei - sprich die einzelnen Navigatioinspunkt stehen sehr weit auseinander - in Firefox halt nicht.

Du hast geschrieben, dass das evt. an dieser Zeile liegt:

$I['parts']['before'].='<dfn>'.$dfn.':</dfn>';

Hast Du hier eine Lösung? Ich selbst bin in PHP nicht bewandert.

Vielen Dank für Deine Hilfe
Gruß Sukkulent 😉

bin mir nicht sicher und kanns leider im moment auch nicht testen, aber probiers doch mal in dem Du dadrunter folgende Zeile ergänzt:

$I['parts']['ATagBeforeWrap']=1;

wie gesagt, nur 'nen Schnellschuss 🙂

Bladerunner schrieb

bin mir nicht sicher und kanns leider im moment auch nicht testen, aber probiers doch mal in dem Du dadrunter folgende Zeile ergänzt:

$I['parts']['ATagBeforeWrap']=1;

wie gesagt, nur 'nen Schnellschuss 🙂

vergiss meine idee von gestern, so klappts nicht . 🙁

mal sehen wie wir das hinbekommen können.

Ich wollte es heute probieren, bin noch gar nicht dazu gekommen. Aber das hat sich ja dann erledigt!

Nochmals vielen Dank für Deinen bisherigen "Einsatz".

Gruß
Sukkulent 😃

keine problem 😃
so nun aber :

ersetz die Zeile

$I['parts']['before'].='<dfn>'.$dfn.' </dfn>';

mal durch :

$I['parts']['before'].=$I['parts']['ATag_begin'].'<dfn>'.$dfn.' </dfn>'.$I['parts']['ATag_end'];

hast dann zwar zwei einzelne Links, aber sie sind immerhin verlinkt.

Hallo miteinander,

ich weiß nur, dass es in diesem Thread um barrierefreie Menüs geht und hab grad was gesehen, was gefallen könnte:
http://typo3.org/extensions/repository/new/cron_accessiblemenus/

lg georg

Dank an alle erstmal! 😃

Die Variante von Stefan klappt einwandfrei:

$I['parts']['ATagBeforeWrap_begin'].='<dfn>'.$dfn.':</dfn>';

Zu just2b:
Dein Tipp war absolut spitze. Hier kann man ja noch "mehr machen". Ich hab die Extension gleich mal installiert, und entsprechen der Anleitung eingerichtet.
Was zu folge hatte, dass die Menüs zwar generiert wurden jedoch ohne die gewüschten (dfn) und accesskey Funktionalitäten. Hast Du mit der Extension Erfahrung? Muss man auf was bestimmtes noch acht geben?

Gruß
Sukkulent

Hi zusammen,

ich habe mir Videos und die PDSs zu Tycon3 heruntergeladen. Darunter auch die Daten zu "A portable intranet solution based on TYPO3-Live" (http://tycon3.typo3.org/talks_download.html).

Das habe ich mir alles durchgelesen sowie sämtliche Links besucht und dort auch alles durchgelesen, also auch das im erstem Beitrag angesprochene "Accessible menus". Als ich dann in den Dokumenten vorgeschlagene Extensionen suchen wollte habe ich die von just2b angesprochene "cron_accessiblemenus" Extension gefunden.

Meine Frage: Ersetzt die Extension alles, was ich gelesen habe? Bisher klingt es so.

Ich freue mich auf Antworten und Danke im voraus für jede!

fearistic

Was in diesem Thread geschrieben wurde - ja. Der im ersten Beitrag erwähnte Link ist in dieser Extension ebenfalls "eingebaut" und kann entsprechend verändert werden. Ich komme mit dieser Extension bestens zu Recht.

Gruß
Sukkulent 😃

Vielen Dank für die Antwort. Dann mussich endlich auf meinem Linux System apache & Co installieren.