weiterleitungen vermeiden.

src/de/accessibility/introduction/about-this-guide/about-this-guide.md

@@ -12,7 +12,7 @@ Produktteams, welche das Thema Barrierefreiheit in ihrem Projekt berücksichtige
 
 Der Guide ist nach den verschiedenen Rollen eines typischen Produktteams strukturiert. Dazu gehören: <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/product-owner/">Product Owner</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/user-research/">User Research</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/interaction-design/">Interaction Design</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/visual-design/">Visual Design</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/development/">Development</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/content-design/">Content Design</sbb-link> und <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/testing/">Testing</sbb-link>. Für jede dieser Rollen sind die vier wichtigsten Empfehlungen erwähnt. Werden alle diese Punkte berücksichtigt, ist die Barrierefreiheit bereits auf einem guten Stand. {.lead}
 
-Oft überschneiden sich die Rollen eines Produktteams. Beispielsweise wird <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/development">eine Entwicklerin oder ein Entwickler</sbb-link> häufig auch statischen <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/content-design/">Content</sbb-link> einpflegen. Es ist also sinnvoll, sich auch mit den Empfehlungen der anderen Rollen vertraut zu machen. {.lead}
+Oft überschneiden sich die Rollen eines Produktteams. Beispielsweise wird <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/development/">eine Entwicklerin oder ein Entwickler</sbb-link> häufig auch statischen <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/roles/content-design/">Content</sbb-link> einpflegen. Es ist also sinnvoll, sich auch mit den Empfehlungen der anderen Rollen vertraut zu machen. {.lead}
 
 Dieser Guide bietet eine Anleitung, wie die wichtigsten Punkte zur barrierefreien Produktentwicklung angegangen werden können. Für ein vollständig barrierefreies Produkt, das entsprechend zertifiziert werden kann, sind jedoch noch zusätzliche Schritte notwendig. Die dazu nötigen Dokumente sind in den <sbb-link variant="inline" type="button" href="/{{page.lang}}/accessibility/introduction/further-information/">weiteren Informationen</sbb-link> vermerkt. {.lead}
 

src/de/design-system/getting-started/faq/items/other-stakeholders.md

@@ -5,4 +5,4 @@ permalink: false
 order: 1
 ---
 
-Ja, du kannst gerne der <sbb-link variant="inline" href="/{{page.lang}}/design-system/getting-started/designing/#enter-community">SBB UX Community</sbb-link> beitreten. 
+Ja, du kannst gerne der <sbb-link variant="inline" href="/{{page.lang}}/design-system/getting-started/designing/#enter-community/">SBB UX Community</sbb-link> beitreten. 

src/de/design-system/lean/basics/typography/typography.md

@@ -21,7 +21,7 @@ Für gewisse Anwendungsbereiche ist der Einsatz einer Monospaced Schrift sinnvol
 * DejaVu Sans Mono
 
 ## Stile
-Die hier definierten Schriftstile bilden die Basis von Webapplikationen und deren Komponenten. Werden andere eingesetzt ist auf eine klare Hierarchie zu achten ebenso wie auf ausreichenden Kontrast und entsprechenden Zeilen- / Absatzabstand. Für die Schriftfarben gelten die <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors">SBB-Farben</sbb-link>. {.lead}
+Die hier definierten Schriftstile bilden die Basis von Webapplikationen und deren Komponenten. Werden andere eingesetzt ist auf eine klare Hierarchie zu achten ebenso wie auf ausreichenden Kontrast und entsprechenden Zeilen- / Absatzabstand. Für die Schriftfarben gelten die <sbb-link variant="inline" type="button" href="/{{page.lang}}/foundation/colors/base-colors/">SBB-Farben</sbb-link>. {.lead}
 
 ### Überschrift H1
 {{ imageOnGreyBackground({

src/de/design-system/lean/components/filter/overview.md

@@ -19,6 +19,6 @@ permalink: false
 
 ## Regeln
 * Ein Filter hat immer einen Indikator, welcher angibt, dass der Filter aktiv ist und wie viele Ergebnisse in der gefilterten Ansicht dargestellt werden, z.B. 100/500 Einträge. {.lead}
-* Ein Filter kann über unterschiedliche Komponenten verfügen, z.B. <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/autocompletion/">Autocomplete</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/checkbox/">Checkboxen</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/chip/">Chips</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/datepicker/">Datepicker</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/radiobutton/">Radiobuttons</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/select">Selects (Dropdowns)</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/tag">Tags</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/textfield/">Freitextfelder</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/toggle/">Toggle Buttons</sbb-link>. {.lead}
+* Ein Filter kann über unterschiedliche Komponenten verfügen, z.B. <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/autocompletion/">Autocomplete</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/checkbox/">Checkboxen</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/chip/">Chips</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/datepicker/">Datepicker</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/radiobutton/">Radiobuttons</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/select/">Selects (Dropdowns)</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/tag/">Tags</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/textfield/">Freitextfelder</sbb-link>, <sbb-link variant="inline" type="button" href="/{{page.lang}}/design-system/lean/components/toggle/">Toggle Buttons</sbb-link>. {.lead}
 * Ein Filter muss mit einer Aktion zurückgesetzt werden können (z.B. Button «Filter zurücksetzen»). {.lead}
 * Mehrere Filter-Elemente können ausgewählt oder abgewählt werden. {.lead}

src/de/design-system/legacy/basics/images/images.md

@@ -37,7 +37,7 @@ Bei Bildern werden folgende Stile unterschieden: {.lead}
     * Bilder und Videos werden grundsätzlich gleich behandelt. {.lead}
 * Keyvisuals haben nie Bildunterschriften oder Copyright-Infos. {.lead}
 * Keyvisuals haben je Endgerät ein festes Format, der Bildausschnitt passt sich dem Viewport an. {.lead}
-* Keyvisuals können als <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/mediaslider">Mediaslider</sbb-link> umgesetzt werden. {.lead}
+* Keyvisuals können als <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/mediaslider/">Mediaslider</sbb-link> umgesetzt werden. {.lead}
 * Kein Beschreibungstext erlaubt. {.lead}
 
 ### Formate

src/de/design-system/legacy/basics/typography/typography.md

@@ -80,7 +80,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
 }) }}
 
 * Gilt als Standardlink innerhalb von Texten. {.lead}
-* Zusätzliche Ausführungen von Links sind unter <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/link">Link</sbb-link> zu finden. {.lead}
+* Zusätzliche Ausführungen von Links sind unter <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/link/">Link</sbb-link> zu finden. {.lead}
 
 ### Subtext
 {{ imageOnGreyBackground({
@@ -96,7 +96,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
   title: 'Tabellenheader'
 }) }}
 
-* Definition der Tabelle als Komponente ist unter <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/table">Table</sbb-link> zu finden. {.lead}
+* Definition der Tabelle als Komponente ist unter <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/table/">Table</sbb-link> zu finden. {.lead}
 
 ### Tabellendaten
 {{ imageOnGreyBackground({
@@ -105,7 +105,7 @@ Die hier definierten Schriftstile bilden die Basis von Webseiten und deren Kompo
   title: 'Tabellendaten'
 }) }}
 
-* Definition der Tabelle als Komponente ist unter <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/table">Table</sbb-link> zu finden. {.lead}
+* Definition der Tabelle als Komponente ist unter <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/table/">Table</sbb-link> zu finden. {.lead}
 
 ### Liste geordnet
 {{ imageOnGreyBackground({

src/de/design-system/legacy/components/autocompletion/overview.md

@@ -18,7 +18,7 @@ Unterstützt den Benutzer bei der Eingabe mit Vorschlägen. {.lead}
 ## Regeln
 * Die Autocompletion hat immer ein Label. {.lead}
 * Optionale Eingaben werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden. {.lead}
-* Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip">Tooltip</sbb-link>. {.lead}
+* Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip/">Tooltip</sbb-link>. {.lead}
 * Während der Eingabe werden direkt Vorschläge eingeblendet (typischerweise nach drei Zeichen, kann aber projektspezifisch angepasst werden). {.lead}
 * Die aufgelisteten Einträge können mittels Pfeiltasten durchlaufen und mit Enter übernommen werden. {.lead}
 * Es werden maximal 10 Vorschläge angezeigt. {.lead}

src/de/design-system/legacy/components/breadcrumb/overview.md

@@ -15,7 +15,7 @@ Dient zur Anzeige der Navigationshierarchie der aktuellen Seite. {.lead}
 Auf jeder Seite, bei denen der Benutzer schnell auf eine Schwester-oder Eltern-Seite navigieren können soll. {.lead}
 
 ## Regeln
-* Der Breadcrumb ist immer direkt unter dem Header zu positionieren. Ausnahme wenn eine <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/ghettobox">Ghettobox</sbb-link> angezeigt wird, dann folgt der Breadcrumb unmittelbar nach der letzten Ghettobox. {.lead}
+* Der Breadcrumb ist immer direkt unter dem Header zu positionieren. Ausnahme wenn eine <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/ghettobox/">Ghettobox</sbb-link> angezeigt wird, dann folgt der Breadcrumb unmittelbar nach der letzten Ghettobox. {.lead}
 * Der Breadcrumb kann bei langen Einträgen mehrzeilig werden. {.lead}
 * Bei Desktop und Tablet werden immer alle Ebenen angezeigt. {.lead}
 * Auf Mobile wird lediglich die letzte Ebenen ausgeschrieben. Vorangehende Ebenen werden durch eine einzige mit «...» dargestellt. Bei Klick auf «...» werden alle Zwischenebenen eingeblendet. {.lead}

src/de/design-system/legacy/components/button/overview.md

@@ -20,7 +20,7 @@ Löst eine Aktion auf einer Seite aus. {.lead}
 * Darf nicht innerhalb von Fliesstext eingesetzt werden. {.lead}
 * Darf nicht im Header als Navigation oder Funktion eingesetzt werden. {.lead}
 * Die Mindestbreite beträgt 60px, die Maximalbreite 400px. {.lead}
-* Die Breite wächst mit der Textlänge. Beim Einsatz im <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/nbc">Next Best Click (NBC)</sbb-link> oder in mobilen Ansichten ist die Breite 100%. {.lead}
+* Die Breite wächst mit der Textlänge. Beim Einsatz im <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/nbc/">Next Best Click (NBC)</sbb-link> oder in mobilen Ansichten ist die Breite 100%. {.lead}
 * Ist der Text beim Erreichen der Maximallänge immer noch zu lang, wird dieser mit «\...» abgekürzt. {.lead}
 * Der Text ist immer einzeilig. {.lead}
 * In Ausnahmefällen darf das Pfeil-Icon durch ein anderes, passendes Icon ersetzt werden. {.lead}

src/de/design-system/legacy/components/checkbox/overview.md

@@ -24,4 +24,4 @@ Dient zur Eingabe von Ja/Nein-Werten. {.lead}
 * Der Text kann mehrzeilig sein. {.lead}
 * Nebst der eigentlich Checkbox dient auch der gesamte Text als Click-Target. {.lead}
 * Oberhalb einer Checkbox-Gruppe kann ein Titel eingesetzt werden. {.lead}
-* Für detaillierte Erklärungen zu einer Checkbox-Gruppe kann neben dem Titel ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip">Tooltip</sbb-link>. {.lead}
+* Für detaillierte Erklärungen zu einer Checkbox-Gruppe kann neben dem Titel ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip/">Tooltip</sbb-link>. {.lead}

src/de/design-system/legacy/components/datepicker/overview.md

@@ -18,7 +18,7 @@ Immer wenn vom Benutzer ein Datumswert verlangt wird. {.lead}
 * Datumsangaben sind immer einzeilig. {.lead}
 * Die Datumswahl hat immer ein Label. {.lead}
 * Optionale Datumseingaben werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden. {.lead}
-* Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip">Tooltip</sbb-link>. {.lead}
+* Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip/">Tooltip</sbb-link>. {.lead}
 * Mit Klick ins Datumsfeld kann das Datum von Hand eingetragen werden. Bei Touch-Geräten erscheint die Zahlen-Eingabetastatur des entsprechenden Systems. {.lead}
 * Bei der manuellen Eingabe muss der Punkt immer vom Benutzer eingegeben werden. Danach übernimmt die Komponente die korrekte Formatierung, d.h. es müssen Eingaben wie 1.1.18 akzeptiert und ins gewünschte Format umgesetzt werden. {.lead}
 * Bei Klick auf das Kalender-Icon öffnet sich ein Kalender-Layer zur Auswahl des Datums. Mittels Klick ausserhalb des Kalender-Layers wird dieser wieder geschlossen. {.lead}

src/de/design-system/legacy/components/dialog/overview.md

@@ -12,7 +12,7 @@ permalink: false
 Dient zur Darstellung von Detailinformationen einer Content-Seite. {.lead}
 
 ## Wann soll die Komponente eingesetzt werden? 
-* Wenn zu einem Teil einer Seite on-demand detailliertere oder zusätzliche Informationen angezeigt werden soll (beispielsweise erweiterte Hilfestellungen, bei denen der <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip">Tooltip</sbb-link> nicht ausreicht). {.lead}
+* Wenn zu einem Teil einer Seite on-demand detailliertere oder zusätzliche Informationen angezeigt werden soll (beispielsweise erweiterte Hilfestellungen, bei denen der <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/tooltip/">Tooltip</sbb-link> nicht ausreicht). {.lead}
 * Zur Darstellung des Editiermodus bei Formularen. {.lead}
 * Zur vergrösserten Ansicht von Bildern. {.lead}
 

src/de/design-system/legacy/components/fileselector/overview.md

@@ -15,9 +15,9 @@ Dient zum Hochladen von Dateien. {.lead}
 Wenn eine Anwendung eine oder mehrere Dateien eines Benutzers verlangt. {.lead}
 
 ## Regeln 
-* Mit Klick auf den <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/button">Button</sbb-link> «Datei hochladen» öffnet sich der Datei-Browser des Systems. {.lead}
+* Mit Klick auf den <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/button/">Button</sbb-link> «Datei hochladen» öffnet sich der Datei-Browser des Systems. {.lead}
 * Die hochgeladenen Dateien werden in einer Liste angezeigt. {.lead}
 * Die Liste ist sortiert nach der chronologischen Reihenfolge des Hochladens. {.lead}
 * Mittels «Löschen» Button (Papierkorb) kann eine einzelne Datei wieder aus der Liste entfernt werden. {.lead}
 * Der Listeneintrag beinhaltet das Icon des Dateityps, den Dateinamen sowie in Klammern den Dateityp und die Dateigrösse. {.lead}
-* Der Datei-Upload hat über dem <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/button">Button</sbb-link> immer einen Hinweis, welche Dateitypen und -grössen hochgeladen werden können. {.lead}
+* Der Datei-Upload hat über dem <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/button/">Button</sbb-link> immer einen Hinweis, welche Dateitypen und -grössen hochgeladen werden können. {.lead}

src/de/design-system/legacy/components/ghettobox/variants-states.md

@@ -27,7 +27,7 @@ Diese Variante hat folgende Zustände: {.lead}
   title: 'Darstellung der Komponente Ghettobox mit Link'
 }) }}
 
-* Sofern der Text einen weiterführenden <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/link">Link</sbb-link> beinhaltet, unterscheidet die Ghettobox die Zustände Normal und Hover. {.lead}
+* Sofern der Text einen weiterführenden <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/link/">Link</sbb-link> beinhaltet, unterscheidet die Ghettobox die Zustände Normal und Hover. {.lead}
 * Am Ende des Textes folgt immer ein Pfeil-Icon. {.lead}
 * Die ganze Fläche der Ghettobox ist klickbar und öffnet den hinterlegten Link (ausser über dem X-Icon). {.lead}
 

src/de/design-system/legacy/components/link/overview.md

@@ -12,10 +12,10 @@ permalink: false
 Links stellen Verbindungen zwischen Informationen, bzw. Seiten her. {.lead}
 
 ## Wann soll die Komponente eingesetzt werden? 
-Wenn von einer Seite auf eine andere (interne oder externe) Seite oder auf eine <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/dialog">Lightbox</sbb-link> gesprungen werden muss. {.lead}
+Wenn von einer Seite auf eine andere (interne oder externe) Seite oder auf eine <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/components/dialog/">Lightbox</sbb-link> gesprungen werden muss. {.lead}
 
 ## Regeln
 * Eine visuelle Unterscheidung zwischen internen und externen Links gibt es nicht. {.lead}
 * Hover und On-Click haben das gleiche visuelle Interaktionsverhalten. {.lead}
-* Links können auf <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/text">Texte</sbb-link>, <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/icon">Icons</sbb-link> und <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/images">Bilder</sbb-link> gesetzt werden. {.lead}
+* Links können auf <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/text/">Texte</sbb-link>, <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/icon/">Icons</sbb-link> und <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/images/">Bilder</sbb-link> gesetzt werden. {.lead}
 * Textlinks auf Teile von Wörtern sind nicht erlaubt. {.lead}

src/de/design-system/legacy/components/link/variants-states.md

@@ -58,7 +58,7 @@ Die Komponente hat folgende Zustände:
 }) }}
 
 ### Spezifikationen
-Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Bereich <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/typography">Typografie</sbb-link> definiert.
+Der Standard-Link ist keine eigenständige Komponente sonder ist direkt im Bereich <sbb-link variant="inline" href="/{{page.lang}}/design-system/legacy/basics/typography/">Typografie</sbb-link> definiert.
 
 {{ specificationLinks({
   figma: 'https://www.figma.com/file/BQzBsQBWB0TAIbpWMhss7P/Web-(Legacy)?node-id=13%3A7875&t=8HES1IZKZfP9aXCY-1'