---
title: "Textgröße mit grafischem Link: Wie aktiven Link hervorheben? (PHP/TS)"
url: "https://www.typo3.net/d/51229-textgroesse-mit-grafischem-link-wie-aktiven-link-hervorheben-phpts"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage","HTML & CSS"]
created: "2006-10-06"
last_reply: "2006-10-06"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# Textgröße mit grafischem Link: Wie aktiven Link hervorheben? (PHP/TS)

Frontend › Barrierefreiheit · 1 Antwort · gestartet 2006-10-06

## Eröffnungsbeitrag

**gstyleds** · 2006-10-06 · [Beitrag #1](https://www.typo3.net/d/51229-textgroesse-mit-grafischem-link-wie-aktiven-link-hervorheben-phpts/1)

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!

```php
$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>';
```

```typoscript
[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.

## Antworten

### [#2](https://www.typo3.net/d/51229-textgroesse-mit-grafischem-link-wie-aktiven-link-hervorheben-phpts/2) · gstyleds · 2006-10-06

Ich habe nun in dem PHP Skript den Links die Klassen t1, t2 und t3 zugewiesen.
Im root-setup lade ich dann über

```typoscript
[globalVar = GP:T = 1] 
page = PAGE
page.includeCSS.file3 = fileadmin/css/t1.css
[global] 
[globalVar = GP:T = 2] 
page = PAGE
page.includeCSS.file3 = fileadmin/css/t2.css
[global] 
[globalVar = GP:T = 3] 
page = PAGE
page.includeCSS.file3 = fileadmin/css/t3.css
[global]
```

das entsprechende Stylesheet, in dem dem Link über die o.g. Klassen die background-image(s) zugewiesen werden. That´s it.

Default ist über das PHP Skript T=1 und somit lade ich als default CSS-Datei im root-Setup
page.includeCSS.file3 = fileadmin/css/t1.css

Wer elegantere Lösungen hat möge sie bitte posten - Danke!

---

Quelle: „Textgröße mit grafischem Link: Wie aktiven Link hervorheben? (PHP/TS)“, typo3.net, https://www.typo3.net/d/51229-textgroesse-mit-grafischem-link-wie-aktiven-link-hervorheben-phpts
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.