Vorlage:Subpage/styles

Diese Vorlage(n) wurde(n) fast unverändert von der deutschsprachigen Wikipedia übernommen. Es wurden nur geringfügige technische, stilistische und organisatorische Anpassungen ans ÖsterreichWiki durchgeführt.

Kopiervorlage

<templatestyles src="Subpage/styles.css" />

---

Funktion

Horizontal sollen Listenelemente aufeinander folgend angeordnet werden, durch Trennzeichen gegliedert.

Barrierefreiheit

Diese Spezifikationen sind speziell zur Barrierefreiheit vorgesehen.

• 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 bei einer Hierarchie um eine nummerierte Aufzählung (<ol>), wovon allerdings nur Screenreader etwas erfahren.
• Die verbindenden Pfeilspitzen usw. zwischen den Elementen werden per CSS generiert, sind damit nicht Bestandteil des DOM, somit auch für Screenreader nicht existent.
• Alternativ kann ohne eine Hierarchie auch eine einfache Aufzählung (<ul>) verwendet werden.

Breadcrumb

Diese Navigationsmethode nennt sich übrigens breadcrumb (Brotkrumen); die Spur der Brotkrümel, anhand derer Hänsel und Gretel den Rückweg aus dem Wald zu finden beabsichtigen.

• Breadcrumb Example w3.org (englisch)

Eine analoge Gliederung semantischer Elemente, die den Charakter eigenständiger Objekte (meist Verlinkungen) erhalten sollen, und nicht als konventionell dahinplätschernder Fließtext, lässt sich mit einer nichtnummerierten Aufzählung erreichen; hier ohne Hierarchie.

Unterseiten

Die seit vielen Jahren im Kopfbereich bestimmter hierarchisch organisierter Meta-Seiten dargestellte Hierarchie soll flexibler repräsentiert werden.

• Bei kleinen Mobilgeräten bzw. schmalem Bildschirm erfolgt keine Darstellung.
• In die Druckausgabe wird diese Navigation nicht aufgenommen; das ist in der Vorlage geregelt.

Klassen

ol.breadcrumb-nav-container

Für die umgebende Aufzählung.

Markiert zur optischen Umwandlung von nummerierter Aufzählung zur linearen Abfolge.

Immer erforderlich.

ol.breadcrumb-nav-gt

Für die nummerierte Aufzählung.

Elemente sollen durch > links des zweiten bis letzten Elements getrennt werden.

ol.breadcrumb-nav-lt

Für die nummerierte Aufzählung.

Elemente sollen durch < links des zweiten bis letzten Elements getrennt werden.

ol.breadcrumb-nav-middot

Für die nummerierte Aufzählung.

Elemente sollen durch einen kreisförmigen mittigen Punkt rechts des ersten bis vorletzten Elements getrennt werden.

ol.breadcrumb-nav-pipe

Für die nummerierte Aufzählung.

Elemente sollen durch | rechts des ersten bis vorletzten Elements getrennt werden.

ul.breadcrumb-nav-container

Für die umgebende nichtnummerierte Aufzählung.

Markiert zur optischen Umwandlung von Aufzählung zur linearen Abfolge.

Immer erforderlich.

ul.breadcrumb-nav-gt

Für die nichtnummerierte Aufzählung.

Elemente sollen durch > links des zweiten bis letzten Elements getrennt werden.

ul.breadcrumb-nav-lt

Für die nichtnummerierte Aufzählung.

Elemente sollen durch < links des zweiten bis letzten Elements getrennt werden.

ul.breadcrumb-nav-middot

Für die nichtnummerierte Aufzählung.

Elemente sollen durch einen kreisförmigen mittigen Punkt rechts des ersten bis vorletzten Elements getrennt werden.

ul.breadcrumb-nav-pipe

Für die nichtnummerierte Aufzählung.

Elemente sollen durch | getrennt werden.

Schreibgeschützte Variante

Bei stärkerer oder kritischer Nutzung ließe sich eine Seite Gadget:BreadcrumbNav.css anlegen, die automatisch nur noch von BOA bearbeitet werden kann.

• Im jungfräulichen Gadget-Namensraum sollte damit jedoch noch abgewartet werden; zurzeit ist das auch technisch noch nicht freigegeben.
• Nachträgliche Linkfixe sollen vermieden werden, und im MediaWiki-Namensraum sollten möglichst keine vermeidbaren Ressourcen mehr eingeführt werden.

Für die erste Entwicklungsphase ist Dreiviertelschutz gesetzt.

Beispiele

Aus wikisyntaktischen Gründen müssen <li>-Elemente jeweils auf neuen Zeilen stehen.

<ul class="breadcrumb-nav-container breadcrumb-nav-middot">
<li>A</li>
<li>B</li>
<li>C</li>
</ul>

Nachstehend Testfälle zur Funktionalität.

gt ol

1. A
2. B
3. C
4. D
5. E
6. F
7. G
8. H
9. I
10. J
11. K
12. L
13. M
14. N
15. O
16. P
17. Q
18. R
19. S
20. T
21. U
22. V
23. W
24. X
25. Y
26. Z

gt ul

• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

lt ol

1. A
2. B
3. C
4. D
5. E
6. F
7. G
8. H
9. I
10. J
11. K
12. L
13. M
14. N
15. O
16. P
17. Q
18. R
19. S
20. T
21. U
22. V
23. W
24. X
25. Y
26. Z

lt ul

• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

middot ol

1. A
2. B
3. C
4. D
5. E
6. F
7. G
8. H
9. I
10. J
11. K
12. L
13. M
14. N
15. O
16. P
17. Q
18. R
19. S
20. T
21. U
22. V
23. W
24. X
25. Y
26. Z

middot ul

• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

pipe ol

1. A
2. B
3. C
4. D
5. E
6. F
7. G
8. H
9. I
10. J
11. K
12. L
13. M
14. N
15. O
16. P
17. Q
18. R
19. S
20. T
21. U
22. V
23. W
24. X
25. Y
26. Z

pipe ul

• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

ohne Trennzeichen

1. A
2. B
3. C
4. D
5. E
6. F
7. G
8. H
9. I
10. J
11. K
12. L
13. M
14. N
15. O
16. P
17. Q
18. R
19. S
20. T
21. U
22. V
23. W
24. X
25. Y
26. Z