(H1) Barrierefreie Webredaktion
Diese Seite dient als Beispiel, um einige Prinzipien der barrierefreien Webredaktion zu demonstrieren.
(H2) Überschriftsebenen
(H3) und Unterüberschriften
2. Dies ist keine echte Überschrift...
...obwohl uns das Layout diesen Eindruck vermitteln könnte...
Typo 3 tut uns hier einen gefallen und lässt uns die Schriftgröße nicht so einfach im rich-text-editor bearbeiten, daher ist das Risiko von Pseudoüberschriften relativ gering.
Dies ist ein Text über Helfer*innen, Fahrer*innen und Ärzt*innen.
Dies ist ein Text über Helfer:innen, Fahrer:innen und Ärzt:innen.
Der Diversity-Ausschuss des DVV empfiehlt die Nutzung des Sternchens.
Hervorhebungen
Sollten Sie eigenen html-Code einfügen wollen beschränken Sie sich bei Hervorhebungen auf die Tags <strong> und <em>.
Hervorhebungen mit <b> und <i> werden von manchen Screenreadern ignoriert.
Vermeiden Sie Wörter die nur aus GROSSBUCHSTABEN bestehen!
Wir arbeiten in der vhs.
Wir arbeiten in der VHS.
Listen
Hier eine echte unsortierte Liste:
- Kaffee
Kaffee ist ein schwarzes Heißgetränk - Tee
Tee ist ein Heißgetränk aus Kräutern oder so... - Milch
Hier eine Pseudo-Liste:
- Honig
- Marmelade
- Nutella
Definitionsliste
- Kaffee
- Schwarzes Getränk
- Milch
- Weißes Getränk
- Tee
- Aufgussgetränk
Tabellen
Tabelle mit Kopf
Kaltgetränke | Heißgetränke | Süßspeisen |
---|---|---|
Cola | Kaffee | Kuchen |
Wasser | Tee | Nutella |
Bier | Espresso | Donuts |
Tabelle ohne Kopf
Kaltgetränke | Heißgetränke | Süßspeisen |
Cola | Kaffee | Kuchen |
Wasser | Tee | Nutella |
Bier | Espresso | Donuts |
Tabelle mit zwei Achsen
Montag | Dienstag | Mittwoch | Donnerstag | |
---|---|---|---|---|
9-11 Uhr | Offen | Geschlossen | Geschlossen | Offen |
14-17 Uhr | Geschlossen | Geschlossen | Offen | Offen |
Links
Schlechte Beispiele:
- Mehr zu diesem Thema finden Sie hier.
- Hier finden Sie mehr.
- https://vhs-fuerth.de/abbs789
- Datei herunterladen
Gute Beispiele:
Zitate & Abkürzungen
Dies ist ein Zitat mit dem
Editorerstellt. (Tobias Götz, 2023)
Dies ist ein inline-Zitat
. Es fehlt hierfür die CSS-Formatierung, weswegen es optisch ganz normal dargestellt wird.
Dies ist eine unbekannte Abkürzung: WHO
Besser so: Die World Health Organization (kurz WHO) ist [...]
Sprachwechsel
Sprachwechsel sind in Typo3 nicht so simpel umsetzbar:
Ich gehe heute ins international education centre in Los Angeles. Ab hier ist wieder Deutsch.
Ich gehe heute ins international education centre in Los Angeles. Das war Deutsch.
In English: In 1913, 19-year-old Thorleif Schjelderup-Ebbe – later a zoologist and comparative psychologist – published a scientific paper on the behaviour of the chickens he had watched at a farm in Norway during his school holidays. The established social order he had observed within their society came to be known as the “pecking order”.
In Deutsch: In 1913, 19-year-old Thorleif Schjelderup-Ebbe – later a zoologist and comparative psychologist – published a scientific paper on the behaviour of the chickens he had watched at a farm in Norway during his school holidays. The established social order he had observed within their society came to be known as the “pecking order”.
Grafiken und Bilder
Es folgen einige Bilder
iframes
Hier sehen Sie ein Video zum Thema VHS-Lernportal für berufsbezogenes Deutsch:
Vermeiden Sie unbedingt Flackernde Effekte!!!
Dies ist eine H3 Überschrift
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Dies ist ebenfalls H3
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Tobias Götz
Hirschenstr. 27
90762 Fürth
+49 911 974 1704
+49 911 974 1706