Barrierefreiheit von Webseiten

Den Umgang mit den neuen Content Elementen bzw. einen anderen Umgang mit den

0:01

alten Content Elementen zeige ich Ihnen jetzt hier bei uns im Schulungs System.

0:07

Das können Sie auch immer erreichen. Das geht unter t3coach.rhrk.uni-kl.de

0:12

Und dort gibt es eine Seite.

0:19

Als erstes gibt es eine Übersicht über unsere Schulungen, aber auch eine Seite, die heißt Sandbox und die habe ich hier aufgerufen.

0:21

Wir haben hier in diesem System Ihnen zur Verfügung gestellt ein Backend User Account, den Sie benutzen können, um beliebig Dinge auszuprobieren.

0:27

Das System wird nachts immer wieder zurückgesetzt, so dass sie täglich ein frisches System vorfinden.

0:36

Und das bedeutet aber auch, dass Sie Ihre Änderungen nicht lange aufheben können.

0:42

Die Backend URL wird hier gleich mit auf der Seite Sandbox angezeigt.

0:47

Das ist T3 Coach aka UNIQA, Oldesloe, TYPO3 und der Benutzername ist T3 Sandbox und das Passwort Sandbox unterstrich T3 steht da,

0:51

kann sich anmelden und das machen wir jetzt bzw. habe ich schon gemacht.

1:02

Ich gehe ins Backend und habe mir unter der Seite Sandbox eine Unterseite angelegt.

1:07

Die heißt im VB im Test ein bisschen größer für sie und wir werden uns als allererstes mit den Rasta Elementen beschäftigen.

1:13

Ich lege jetzt hier auf der Seite ein neues Element an und wir wollen ein Raster Element haben.

1:21

Und Sie sehen hier jetzt schon an dieser Übersicht, dass wir jede Menge neue Spalten Größen haben, die bedeutenden Spalten Größen sind,

1:30

die meines Erachtens nach die mit jeweils 33 33 33 prozent, mit 66 33 umgekehrt die 50 50 und die 80 prozent breiten.

1:42

Warum nicht mehr die mit den 25 prozent Größe?

1:58

Wir haben eine deutlich größere Schriftgröße als bei unserem letzten Layout.

2:03

Dabei ist die größte Breite in der Desktop Darstellung nicht so sowieso so viel größer geworden, je nachdem wie lang die Worte sind, die wir haben.

2:10

Und die sind hier an der Uni echt teilweise enorm lang.

2:22

Und wie viel Text da drin steht, sind die 25 prozent Spalten Größe einfach zu schmal für Content.

2:25

Das werden sie auch sehen, wenn sie ihre Seiten betrachten. Da lohnt sich ein Wechsel auf die 33 prozent, also mit Reichhaltigkeit Prinzip.

2:33

Wofür benutzt man die 80 prozent?

2:42

Manchmal möchte man ein Element schon über die gesamte Seiten breite anzeigen, aber eben doch nicht ganz so übergroß.

2:46

Dann legt man sie in eine 80 prozent Spalte hinein.

2:54

Ich glaube, genau das machen wir hier mal.. Ich nehme mal 80 prozent Breite.

2:58

Wir können hier weiterhin Überschriften geben.

3:05

Ein kleiner Fehler, der noch im Template ist, der aber schon Report wurde und behoben werden sollte, ist.

3:08

Wenn hier auch keine Unterschrift drin ist, stimmen die Abstände teilweise nicht so ganz nach innen im Raster Element.

3:15

Aber das werden Sie sehen und ich hoffe, dass es bald behoben.

3:26

80 prozent spalten Breite und das haben wir schon ausgewählt.

3:35

Sie sehen hier bei Raster Layout kann man noch mal auch noch mal was anderes auswählen.

3:40

Wir speichern und schließen und jetzt legen wir einfach mal einen Moment hier rein und nehmen einfach mal ein Bild.

3:45

Nur mal drei Spalte.

3:59

Ich muss man aufpassen, wenn im Text und Medien ich schreibe kein Text rein, lege aber im Bild rein, die den Datei hinzufügen zum Beispiel.

4:01

Bilder haben wir hier.

4:14

Da könnten wir auch mal neuere haben und größere.

4:18

Ich versuche es groß zu finden. Ich nehme das hin und speichere und lass es anzeigen.

4:24

Wir haben immer so ein Springen vom Template, das schalten wir baldmöglichst ab.

4:33

Also ich gehe noch mal nach ganz oben.

4:40

Wir sprechen hier bei diesem Template überhaupt immer von verschiedenen Breiten, und zwar einmal von Fenster Breite.

4:42

Das betrifft auch diesen Rahmen ganz außen, wo normalerweise auch kein Konnten.

4:50

Dann haben wir die Content Breite, die hier so geht.

4:55

So an dieser. Linie hier senkrecht nach unten. Jetzt sieht man, dass dieses Bild hier 80 prozent Spalten Breite hat.

4:59

Ich habe ihn hier jetzt mal eine Seite aufgerufen, auf der alle neuen Raster Element Größen sichtbar werden.

5:08

Wir haben hier ein Spalte 100 prozent, 80 prozent zweimal 50 prozent 75 25 und das ganze auch umgekehrt.

5:16

Das hat mir total gefehlt. Vorher ein 66 33 und umgekehrt.

5:26

Dann den 3. Spalte mit 50 25 schon 20 prozent umgedreht 25 25 50 prozent, 3 mal 33 prozent, 4 mal 25 prozent.

5:33

Ich glaube, da ist jetzt für alle schon irgendwie was dabei. Das was zu dem was elementen.