Moizeit!

• Contao-Academy-Video zu 5.3
  • Alle öffnen/schließen (Seiten, Dateiordner): wenn ein Baum geschlossen ist, kann man mit gedrückter Alt-Taste auf Alle schließen klicken und dann wird automatisch wieder Alle öffnen draus.
  • Der »Weiterlesen« Link kann jetzt individuell überschrieben werden!
  • Einzelne Frontent-Module können für Redakteure freigegeben werden (Header-Module für WW!)
  • Neues, responsives Newsletter-E-Mail-Template
  • Passwort vergessen Link ist im Login-Modul enthalten, kein extra Link mehr nötig
  • CSP??
  • DNS-Mapping-Migration für loc/live
  • Wartungsmodus jetzt in Browsersprache!
• Übersicht über die Neuerungen auf contao.org
• Blogartikel auf trakked.io

• Contao-Academy-Video zu 5.4
  • neue Icons im Backend
  • ALTCHA-Anti-Spam für Formulare: alte Sicherheitsabfrage deaktivieren, Feld ALTCHA Anti-Spam anlegen
  • ARIA-Label für Navigationsmodule
  • TinyMCE 7
  • Turbo für das Backend und andere Kleinigkeiten
• Übersicht über die Neuerungen auf contao.org
• Blogartikel auf trakked.io

• Keynote Contao-Konferenz 2025
  • autocomplete-Attribut: neues Feld für Formulare, damit der Browser das Formular automatisch ausfüllen kann. Die Attribute (W3C) sind im Hilfetext verlinkt. Vorteile: schnelleres Ausfüllen, Vermeidung von Eingabefehlern ➜ Anforderung Barrierefreiheit
  • title-Attribut für Iframes: hauptsächlich für YouTube und Vimeo, Screenreader liest vor: "Rahmen ... " ➜ mit ausgefülltem Attribut liest er "Contao Imagefilm Rahmen ..."
  • Untertitel für Videos: Datei im .vtt-Format, in der Dateiverwaltung kann man die Sprache und den Typ der .vtt-Datei angeben (Untertitel, Closed captions, Descriptions für Screenreader, Chapters = Sprungmarken, Metadata) ➜ Anforderung Barrierefreiheit: Closed captions und Descriptions
    oberste Datei ist default
  • Filter- und Suchmenü: Buttons sind größer und besser erkennbar, Reset-Button ist disabled, solange kein Filter gesetzt ist
  • Ausgewählte Datensätze bleiben markiert
  • Passkeys fürs Backend: Benutzerprofil > Sicherheit: Name des Endgerätes eingeben
  • Backend-Breadcrumb: wird ein Backport auf Contao 5.3
  • Symfony-Profiler: Feedback über die verwendete Image-Library
  • Legends bei "mehrere bearbeiten": man muss den Seitentitel nicht mehr auswählen, die Legends zeigen an, um welches Element es geht
  • Kontextmenü für Operations: es werden nur mehr zwei Icons angezeigt, bearbeiten und Status (veröffentlicht/nicht veröffentlicht) und dann drei Punkte, bei Klick auf die Punkte geht das Kontextmenü mit allen anderen Optionen auf (Nutzung wird vermutlich optional)
  • Backend-Suche: mit loupe
  • Template Studio:
    Release: Februar 2025

• Contao Academy Video zu 5.6
  • Seitenlayout mit Twig!!!
  • Inhaltselemente im Theme
  • Passkeys für Mitglieder
  • Hilfetexte für Formularfelder
  • Barrierefreie Navigation
  • Bestätigungsfrist bei Registrierungen wurde von 24 Stunden auf 14 Tage verlängert (und ist nun flexibel konfigurierbar)

gilt ab 28.06.2025, geht um die gesamte digitale Barrierefreiheit (also auch um Computer)

technische Anforderungen stehen in der Europäische Norm (EN) 301 549

Punkte 5-12 sind Anforderungen an die Barrierefreiheit für Produkte der Informations- und Kommunikationstechnik

Websites und Onlineshops: hauptsächlich Punkt 9, WCAG 2.1 Level AA (9.1 Wahrnehmbarkeit, 9.2 Bedienbarkeit, 9.3 Verständlichkeit, 9.4 Robustheit)

konkrete Umsetzung:

• 9.1.1 Textalternativen
  Dateiverwaltung Alternativer Text, Unterscheidung Bedienelement, Bild oder Layoutbild?
  • Bedienelement (Icon, Logo): Alt-Text soll Ziel des Links bezeichnen
  • Bild: Bildbeschreibung
  • Layoutbild ohne Funktion, rein dekorativ: leer lassen
• 9.1.2 Zeitbasierte Medien
  Alternativen müssen bereitgestellt werden /siehe oben)
• 9.1.3 Anpassbar
  Inhalte sollen auf verschiedene Arten dargestellt werden können, ohne dass Information oder Struktur verloren geht
  • Struktur: Semantik, korrektes HTML, ...
  • Elemente müssen in einer sinnvollen Reihenfolge angeordnet werden (versteckte Seiteninhalte, dynamische Inhalte, ...)
  • Bildschirmausrichtung (responsive Design check)
• 9.1.4 Unterscheidbarkeit
  Kontrast ausreichend, Text muss sinnvoll umbrechen, Schriftgröße (muss angepasst werden können), korrekt gesetzter Fokus für dynamische Inhalte, verlassen mit Escape
• 9.2.1 Tastaturbedienbarkeit
  barrierefreies Frontend-Menü-Modul (Sebastian und Bjarke), komplett tastaturbedienbar ➜ wird Erweiterung und kommt in die Demo bzw. ev. im Core zur Verfügung stehen
• 9.2.2 Ausreichend Zeit
  Flash-Messages, die automatisch verschwinden, muss für wichtige Statusmeldungen abschaltbar sein
  Slider müssen angehalten werden können
• 9.2.3 Anfälle und körperliche Reaktionen
  keine Elemente, die in einem Zeitraum von 1 Sekunde mehr als 3x aufblitzen
• 9.2.4 Navigierbar
  • Bereiche müssen übersprungen werden können, man muss immer wissen, wo man ist, Navigationen benennen (siehe oben)
  • Sinnvolle Titel, Linktexte, aussagekräftige Beschriftungen ... Verantwortung beim Redakteur
  • Erkennbarer Fokus
• 9.2.5 Eingabemodalitäten
  Split-Tab-Gesten, iPhone-Gesten ... bei Website nur begrenzt sinnvoll
• 9.3.1 Lesbar
  Sprache muss angegeben werden, lang-Attribut für Wörter in Fremdsprachen
• 9.3.2 Vorhersehbar
  keine unerwarteten Kontextänderungen, konsistente Navigation
• 9.3.3 Eingabeunterstützung
  Formularfelder mit Labels, sinnvolle Fehlermeldungen, Felder müssen identifizierbar sein
  Autocomplete-Attribut (siehe oben)
• 9.4.1 Kompatibel
  mit aktuellen und zukünftigen UAs
  korrekte HTML-Syntax, ...
  dynamische Inhalte: Statusmeldungen müssen auch von ATs gefunden werden