Zum Inhalt springen

Barrierefreiheit mit einem Klick

Erstellt am 2. August 2007 · 11 Antworten · letzte Antwort am 29. August 2007

Tags: Frage

aZon ·

Hi,

ich brauche ein Script und zwar folgendes:
Per Marker wird ein Button eingefügt, der sobald man auf ihn drückt, alle Stylesheets aufm Header entfernt oder wenn das nicht geht ein neues Stylesheet benutzt, welches "barrierefrei" designed ist.

Hat jemand ne Idee?
Mein Ansatz ist folgender:

barrierefrei = COA
barrierefrei {   
        # Sprache de:
        10 = TEXT
        10.value = 
        10.wrap = <a href="{$baseurl}|">Barrierefrei</a>
        10.typolink.parameter.data = page:alias // TSFE:id
        10.typolink.additionalParams = &B=1
        10.typolink.returnLast = url
}
returnbarrierefrei = COA
returnbarrierefrei {
        20 = TEXT
        20.value = 
        20.wrap = <a href="{$baseurl}|">nichtbarrierefrei</a>
        20.typolink.parameter.data = page:alias // TSFE:id
        20.typolink.additionalParams = &B=0
        20.typolink.returnLast = url
}
page.10.marks.BARRIEREFREI < barrierefrei

jetzt weiß ich aber nicht genau, wie man dann durch den Parameter z.b. mit einer Ifabfrage dafür dann den header verändert und wie man sagt, dass der Parameter bestehen bleiben soll bis man ihn wieder ändert durch buttonKlick!?

Ich hoffe ich bekomme hier auch mal eine antwort

d.​walter ·

Nun ja, vielleicht ist deine Aufgabenstellung hier nicht für alle gleich nachvollziehbar um dir die Lösung für dein Problem zu bieten.

Ich hab auch nicht genug Kenntnis um dir jetzt zu sagen machs so oder so...

Aber so spontan würde ich vielleicht was in die Richtung wie mit dem Wechsel von Sprachen machen. Ich würde mich mal einfach hier im Forum in der Richtung schlau machen.

Gruß

Daniel

Yentl ·
aZon schrieb

Danke, dass mal wieder keiner antwortet...

Hallo,

Du möchtest eine Anwort... Nun ich bin erst seit vier Wochen bei Typo3 dabei und kann daher die Code-Frage nicht lösen, aber wenn es um barrierefreie Sites geht, da sieht meine Erfahrung schon ganz anders aus...

Meiner Meinung nach verfolgst Du hier den falschen Denkansatz. Barrierefreies Gestalten einer Website bedeutet nicht nur das Vorhandensein von Access Keys, alt-Texten, etc. und das Fehlen von Tabellen zu Layoutgestaltung.

Barrierefrei beeinhaltet auch sprachliche Anpassung (z.B. Vermeidung von Anglizismen (hörst sich in einem Screenreader scheußlich an, wenn man nicht vor jedem einzelnen Ausdruck, die Sprachausgabe umstellen läßt.), etc.

Du solltest es also anstreben, dass Deine Site generell barrierefrei gestaltet ist (barrierefrei = uncooles Design = stimmt nicht mehr), dann benötigst Du den Button gar nicht 😉

Solltest Du allerdings das barrierefreie Design nutzen mögen für die Ausgabe auf einem anderen Medium (Blackberry, etc.). Dann kann man das über die üblichen 'screen', etc. Anweisungen besser und eleganter lösen.

Tja, nun mecker nicht 😉 - Du wolltest ja unbedingt eine Antwort ...

aZon ·

Erstmal Danke für die Antwort.

Die Seite ist ja zu 90% barriere frei trozt gutem Design, jedoch will ich, dass z.b. ein Farbenblinder durch einen Klick auf einen Symbol alle Farben ausgeschaltet bekommt außer Schwarz und alles wie in der Druckansicht ausschaut.

Im Prinzip ist es nur ein Button damit man alles ohne Stylesheet sieht.
Da ja nicht wirklich viele User wissen wo man den Stil im Browser ausschaltet.

jenses ·
aZon schrieb

Da ja nicht wirklich viele User wissen wo man den Stil im Browser ausschaltet.

Na ja, ich denke, die die es wissen müssen,
wissen es auch.

Wie dem auch sei,
was du benötigst ist eine Bedingung, bei TYPO3 "condition" genannt:

... dein "normales" Typoscript steht hier ...

[globalVar = GP:B = 1]
config {
	linkVars = B

	... und hier folgen dann weitere Angaben,
	wie Stylesheets etc., die gelten sollen,
	wenn auf den Button geklickt wurde ...

}
[global]
einpraegsam.​net ·

Damit du deine Variable durch alle Seiten schleifen kannst, kannst du dich am Code meines Vorgängers orientieren, zusammen mit der Language Variable, dann so:

config.linkVars = L,B

PS: Das hättest du aber sicher im Forum gefunden, wenn du die Suche bemüht hättest...

aZon ·

Ich habe jetzt den haben Tag verschwendet und bin zu folgender Lösung gekommen:

Extension Template:
barr = COA
barr {
        10 = TEXT
        10.value = Barrierefreie Ansicht
	10.typolink.parameter.data = page:alias // TSFE:id
        10.typolink.additionalParams = &T=1
        10.typolink.wrap = <ul><li>|</li></ul>
	}
}
[globalVar = GP:T=1]
barr = COA
barr {  
        10 = TEXT
        10.value = Normale Ansicht
        10.typolink.parameter.data = page:alias // TSFE:id
        10.typolink.additionalParams = &T=0
       	10.typolink.wrap = <ul><li>|</li></ul>
	}
[global]
page.10.marks.BARRIEREFREI < barr

und im Setup des Maintemplates:

[globalVar = GP:T=1]
page = PAGE
page  {
	typeNum = 0
	stylesheet = 
	meta.DESCRIPTION.field = abstract
	meta.AUTHOR.field = author
	meta.KEYWORDS.field = keywords
	config.doctype = xhtml_trans
	config.index_enable = 1
	config.index_externals = 1
}
[global]

Hoffentlich lohnts sich wenigstens :p

Knalltuete ·

oje.. den code habsch auf arbeit verwendet.. ders irgendwie kacke wenn man den in ein menue machen will.. das geht auch eleganter ozan^^