Hi,
ich arbeite derzeit an einer barrierefreien Seite, bei der L(anguage) T(extgröße) und K(ontrast) einstellbar sind. Nun habe ich für den Sprachwechsel das mitgelieferte Skript eingesetzt, dass mit &flags und den kleinen Länderfahnen arbeitet. Diese Grafiken habe ich dann einfach ersetzt und somit meinen Sprachwechsel (Standart, leichte Sprache, Gebärdensprache) angepasst.
Nun zu meinem Problem: Mein Textgrößenwechsel mit folgendem Skript funktioniert, nur kann ich den aktiven Link nicht hervorheben. Wenn der User im Textgrößenmodus T=2 ist, soll die Linkgrafik ../img/i_t-mittel.png durch ../img/i_t-mittel-over.png ersetzt werden, analog natürlich auch die anderen T-Modi.
Mein Ansatz:
In TS eine Variable deklarieren, die ich in PHP auslesen kann und in mein Skript direkt in die Links mit einbaue. In TS z.B. "textsize", in die Links im PHP Skript dann if (textsize = 1) Grafik1 else Grafik1-over.
Frage: Geht das? Wenn ja, wie sähe der Code in etwa aus (bin kein PHP Freak).
Vielen Dank im voraus!
$content = '
<a href="'.htmlspecialchars('index.php?id='.$GLOBALS['TSFE']-">id.'&L='.(($_GET['L'] == '')?0:$_GET['L']).'&T=1'.'&K='.(($_GET['K'] == '')?1:$_GET['K'])).'"><img src="fileadmin/img/i_t-klein.png" alt="" /></a>'.'
<a href="'.htmlspecialchars('index.php?id='.$GLOBALS['TSFE']-">id.'&L='.(($_GET['L'] == '')?0:$_GET['L']).'&T=2'.'&K='.(($_GET['K'] == '')?1:$_GET['K'])).'"><img src="fileadmin/img/i_t-mittel.png" alt="" /></a>'.'
<a href="'.htmlspecialchars('index.php?id='.$GLOBALS['TSFE']-">id.'&L='.(($_GET['L'] == '')?0:$_GET['L']).'&T=3'.'&K='.(($_GET['K'] == '')?1:$_GET['K'])).'"><img src="fileadmin/img/i_t-gross.png" alt="" /></a>';
[globalVar = GP:T = 1]
page = PAGE
page.headerData.1 = TEXT
page.headerData.1.value = <style type="text/css">html{font-size:85%;}</style>
[global]
[globalVar = GP:T = 2]
page = PAGE
page.headerData.1 = TEXT
page.headerData.1.value = <style type="text/css">html{font-size:97%;}</style>
[global]
[globalVar = GP:T = 3]
page = PAGE
page.headerData.1 = TEXT
page.headerData.1.value = <style type="text/css">html{font-size:110%;}</style>
[global]
Bzgl. der Barrierefreiheit: Die alt-Texte für die Grafiken etc. kommen noch, es geht erstmal nur um die Funktionalität.