170.053
Bearbeitungen
Vorlage:Auflistung/styles: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Vorlage:Auflistung/styles (Quelltext anzeigen)
Version vom 23. September 2023, 08:49 Uhr
, 23. September 2023→Barrierefreiheit
(Die Seite wurde neu angelegt: „{{Dokumentation/styleSeite|css=1}} == Funktion == Horizontal sollen Listenelemente aufeinander folgend angeordnet werden, durch Trennzeichen gegliedert. == Barrierefreiheit == <section begin="A10Y" /> Für Screenreader wird eine Navigationsstruktur im Dokument generiert. * In der optischen Präsentation wird dies als konventionelle Abfolge von Verlinkungstexten dargestellt. * Semantisch handelt es sich um eine einfache Aufzählungsliste <code><ul>…“) |
|||
| Zeile 5: | Zeile 5: | ||
== Barrierefreiheit == | == Barrierefreiheit == | ||
<section begin="A10Y" /> | <section begin="A10Y" /> | ||
Für [[Screenreader]] wird eine Navigationsstruktur im Dokument generiert. | Für [[w:Screenreader]] wird eine Navigationsstruktur im Dokument generiert. | ||
* In der optischen Präsentation wird dies als konventionelle Abfolge von Verlinkungstexten dargestellt. | * In der optischen Präsentation wird dies als konventionelle Abfolge von Verlinkungstexten dargestellt. | ||
* Semantisch handelt es sich um eine einfache Aufzählungsliste <code><ul></code>, wovon allerdings nur Screenreader etwas erfahren. | * Semantisch handelt es sich um eine einfache Aufzählungsliste <code><ul></code>, wovon allerdings nur Screenreader etwas erfahren. | ||
* Die sichtbaren Trennzeichen zwischen den Elementen werden per [[Cascading Style Sheets|CSS]] generiert, sind damit nicht Bestandteil des [[Document Object Model|DOM]], somit auch für Screenreader nicht existent. | * Die sichtbaren Trennzeichen zwischen den Elementen werden per [[w:Cascading Style Sheets|CSS]] generiert, sind damit nicht Bestandteil des [[w:Document Object Model|DOM]], somit auch für Screenreader nicht existent. | ||
* Auch die als Ersatz beim Copy&Paste zwischen den Elementen generierten Pipe-Symbole <code>|</code> werden für Screenreader unterdrückt; jedoch nicht per CSS. | * Auch die als Ersatz beim Copy&Paste zwischen den Elementen generierten Pipe-Symbole <code>|</code> werden für Screenreader unterdrückt; jedoch nicht per CSS. | ||
* Anders als eine konventionelle Aufzählung (etwa von Verlinkungen) in einem kontinuierlichen Fließtext getrennt durch nicht vorlesbare Symbole sind die einzelnen Elemente navigierbar voneinander abgegrenzt. | * Anders als eine konventionelle Aufzählung (etwa von Verlinkungen) in einem kontinuierlichen Fließtext getrennt durch nicht vorlesbare Symbole sind die einzelnen Elemente navigierbar voneinander abgegrenzt. | ||
| Zeile 15: | Zeile 15: | ||
* Die Methodik wird im Desktop-Portalrahmen der Wikis seit den frühen 2000er Jahren nicht nur in den vertikalen Seitenleisten, sondern auch in den horizontalen Menüs verwendet. | * Die Methodik wird im Desktop-Portalrahmen der Wikis seit den frühen 2000er Jahren nicht nur in den vertikalen Seitenleisten, sondern auch in den horizontalen Menüs verwendet. | ||
<section end="A10Y" /> | <section end="A10Y" /> | ||
== Klassen == | == Klassen == | ||
; ul.breadcrumb-nav-container | ; ul.breadcrumb-nav-container | ||