SIRIUS 3.1.0 ist verfügbar – jetzt barrierearm

Die neue Version macht SIRIUS barrierearm. Sie setzt alles um, was ein Theme selbst zu den Anforderungen der WCAG 2.2 auf Stufe AA beitragen kann – eine gute Grundlage für Websites, die unter das Barrierefreiheitsstärkungsgesetz (BFSG) fallen:

• Kontraste: Links stehen in der Sekundärfarbe, Schrift auf grünen Flächen ist dunkel statt weiß. Die neuen Werte Text auf Markenfarbe und Text auf Overlays folgen im Live-Editor automatisch deiner Sekundärfarbe. Alle drei Farbwelten sind geprüft, auch im Dark Mode. Waldgrün und Terrakotta haben dafür leicht angepasste Farben bekommen.
• Tastatur: Überall gibt es einen sichtbaren Fokusrahmen, vor der Hauptnavigation den Link „Navigation überspringen“. Nach einem Klick in der Onepage-Navigation landet der Fokus im angesprungenen Abschnitt. Beschreibungen in Cards, Kontaktdaten im Team und Bildunterschriften der Galerie erscheinen auch bei Tastaturfokus.
• Mobiles Menü und Lightbox melden ihren Zustand an Screenreader, schließen mit Escape und sperren so lange den Rest der Seite.
• Bewegung: Ist im Betriebssystem „Bewegung reduzieren“ aktiv, laufen keine Animationen. Ohne JavaScript bleiben alle Inhalte sichtbar.
• Demo-Inhalte: Alternativtexte für Galerie und Team, eine saubere Überschriften-Reihenfolge und ein Kontaktformular mit Autovervollständigung.

Alternativtexte, Überschriften und Linktexte bleiben Aufgabe der Redaktion. Worauf es dabei ankommt, steht im neuen Artikel der Dokumentation:

👉 Barrierefreiheit in SIRIUS 3

Hinweis: Das Update kommt in zwei Teilen zu dir. Das Theme-Bundle aktualisierst du wie gewohnt über den Contao Manager, die Theme-Dateien über Theme-Toolbox » Updates mit der neuen ZIP-Datei aus dem Club-Bereich. Danach schaltest du im Modul der Onepage-Navigation die neue Option Sprunglink ausgeben ein.

Wer im Live-Editor schon Farben übernommen hat oder eigene Dateien im Custom-Verzeichnis liegen hat, gleicht sie über die Vergleichsansicht im Theme Editor ab. Alle Schritte stehen in der Update-Anleitung.