1. Symbol
2. Text Label
3. Pfeil-Grafik

Links führen immer zu einer neuen Seite.

Links öffnen sich standardmäßig im gleichen Browsertab. Die Browser-Standardfunktionalität ermöglicht außerdem, einen Link bewusst im neuen Tab bzw. Fenster zu öffnen (z. B. mit Rechtsklick-Kontextmenü oder Mittlere Maustaste oder Strg+Enter/Leer).
Ist vom Nutzern ein standardmäßiges Öffnen aller GeFa-Links im neuen Tab gewünscht, so können sie dies in ihren benutzerbezogenen Einstellungen festlegen.
Falls sich ein Link, abweichend vom Standard immer in einem neuen Tab öffnen soll (Bspw. in Wizard-Neuanlagen oder in Modaldialogen), so ist dies am Element bzw. in der entsprechenden Userstory zu definieren.

Links werden standardmäßig unterstrichen dargestellt, können in Ausnahmefällen aber auch visuell angepasst werden (Bsp.: Hauptmenü). Die Unterstreichung darf nur weggelassen werden, wenn z. B. in Kombination mit einen Icon klar sichtbar ist, dass es sich um eine Klickfläche handelt.

Bei sehr langen Text-Inhalten können Links auch mehrzeilig werden.

Ein Link kann durch bis zu zwei Icons ergänzt werden. Dabei gilt:

• Das Icon auf der linken Seite illustriert optional die im Linktext genannte Funktion und ist nicht informationstragend. Es ist als Layoutgrafik zu deklarieren.
• Die Pfeil-Grafik auf der rechten Seite des Links kommt immer dann zum Einsatz, wenn der Link sich separat öffnet, also nicht den aktuellen Browsertab überschreibt. Dies kann ein neuer Browsertab sein oder eine neue Anwendung (z.B Desktopanwendung). In diesem Fall trägt der Link die zusätzliche Beschreibung “Öffnet sich im neuen Tab oder Fenster” und die Pfeil-Grafik muss als Layoutgrafik deklariert werden.

Wenn Nutzer sich in ihren Einstellungen (GeFa oder Browser) konfiguriert haben, dass Links immer im neuen Tab aufgehen sollen, so hat das keinen Einfluss auf die Pfeil-Grafik. Diese wird weiterhin nur bei Links angezeigt die sich standardmäßig im neuen Tab öffnen.

Links können auch eine zusätzliche Beschriftung enthalten. Diese wird visuell über dem Link (wie das Label eines Eingabefeldes) angezeigt. Programmatisch ist die Beschriftung als Gruppenbeschriftung umgesetzt. Für Screenreadernutzende wird die Beschriftung somit bei Fokuserhalt des Links vor dem Linktext ausgegeben.

Grafiken sind als Layoutgrafiken zu definieren.

• Ist das vorherige Element fokussiert, so wird mit Betätigung der Tab-Taste der Link fokussiert.
• Enter öffnet die im Link hinterlegte Seite
• Strg+Enter (Windows) bzw. Command+Enter (OS-X) öffent die im Link hinterlegte Seite in einem neuen Browsertab
• Betätigen der Tab-Taste bei fokussiertem Link fokussiert das nächste interaktive Element auf der Seite.

• Klick mit der linken Maustaste öffnet die im Link hinterlegte Seite.
• Klick mit mittlerer Maustaste, bzw. Strg+linke Maustaste (Windows) oder Command+linke Maustaste (OS-X), auf einen Link öffnet diesen in einem neuen Browsertab. Der aktuell geöffnete Browsertab bleibt im Vordergrund und der angeklickte Link wird fokussiert.