Events
Die Kalender-Komponenten müssen etwas angepasst werden, um barrierefrei zu sein.
Großer Kalender
Die große Kalender-Ansicht hat eine problematische Tabellenstruktur, durch die die Zurück- und Weiter-Links in der ersten Zeile von Screenreadern wie Spaltenüberschriften behandelt werden. Der Link zurück zum August im Beispiel wird so ungewollt zur Spaltenüberschrift aller Montage und Dienstage des Monats.
| < März 2026 | April 2026 | Mai 2026 > | ||||
|---|---|---|---|---|---|---|
| Montag | Dienstag | Mittwoch | Donnerstag | Freitag | Samstag | Sonntag |
|
|
|
1
|
2
|
3
|
4
|
5
|
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
|
27
|
28
|
29
|
30
|
|
|
|
Korrigierte Fassung
Im korrigierten Template wird die erste Zeile mit der Überschrift und den Zurück- und Weiter-Links aus der Tabelle herausgenommen und stattdessen als Überschrift, gefolgt von zwei Links umgesetzt. Außerdem sollten die Title-Attribute von den Vor- und Zurück-Links entfernt werden und es sollte anstelle des „<” und „>“ eine andere, barrierefreie Form genutzt werden, Icons einzubinden.
| Montag | Dienstag | Mittwoch | Donnerstag | Freitag | Samstag | Sonntag |
|---|---|---|---|---|---|---|
|
|
|
1
|
2
|
3
|
4
|
5
|
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
|
27
|
28
|
29
|
30
|
|
|
|
Calendar - Mini Calendar
| < | April 2026 | > | ||||
|---|---|---|---|---|---|---|
| Sonntag | Montag | Dienstag | Mittwoch | Donnerstag | Freitag | Samstag |
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | ||
List all events
And here you see the event list. Events can be listed drawing from one or more categories that can be set up in the back end. Here is a short list of options that go along with every event.
- Start date and end date
- Start time and end time
- Repeat event (recurring)
- Add a picture or enclosures
- Disable comments (if enabled for events)