Zum Inhalt

(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

Tabelle mit Kopf
Kaltgetränke Heißgetränke Süßspeisen
Cola Kaffee Kuchen
Wasser Tee Nutella
Bier Espresso Donuts

Tabelle ohne Kopf

Tabelle ohne Kopf
Kaltgetränke Heißgetränke Süßspeisen
Cola Kaffee Kuchen
Wasser Tee Nutella
Bier Espresso Donuts

Tabelle mit zwei Achsen

Zweiachsige Tabelle
 MontagDienstagMittwochDonnerstag
9-11 UhrOffenGeschlossenGeschlossenOffen
14-17 UhrGeschlossenGeschlossenOffenOffen

 

Zitate & Abkürzungen

Dies ist ein Zitat mit dem Editor erstellt. (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

goetz@vhs-fuerth.de

www.vhs-fuerth.de

 

24.05.24 02:15:16