Die Projektbasis, auf der Weblication^® Projekte erstellt werden (Weblication^® BASE) ist bereits als barrierefreies Basis-Projekt angelegt. Dies umfasst auch Inhalts-Elemente sowie Anwendungen (Weblics^®). Einige Merkmale:

1. Inhalt, Struktur und Design sind getrennt voneinander.
2. Schriftengrößen und Abstände sind relativ angegeben, damit Größenänderungen möglich sind.
3. Responsive Darstellung auf allen Endgeräten, individuelles Eingreifen über diverse Weblication^® Werkzeuge und Weblics^® möglich.
   
4. Strukturierung der Inhalte über Überschriften h1 - h6.
   
5. Leicht erreichbare Navigation - Tab-Navigation und Skip-Funktion.
6. Metadaten, Titel und Beschreibung sind Pflichtangaben.
   
7. Bildbeschreibungen sind Pflichtangaben.
8. Beschreibung und Transskripte bei Audio-Dateien und Videos möglich.
   
9. Strukturelemente sind bereits mit den notwendigen WAI-ARIA Auszeichnungen (ARIA steht für Accessible Rich Internet Applications) versehen, um Inhalte und Anwendungen für Screenreader zugänglicher zu machen. Eine eigene Textdatei zur Pflege von ARIA-Auszeichnungen ist vorhanden (unter Globale Inhalte -> Texte).

Die Umsetzung einer barrierefreien Website stellt immer einen individuellen Entwicklungsprozess dar, in dem die entsprechenden Kriterien für die Barrierefreiheit im Design und Inhalt zu berücksichtigen sind, in dem individuelle Entwicklungen erforderlich werden können und bei dem die Werkzeuge in Weblication ^® große Unterstützung leisten.

Tab-Navigation und Skip-Funktionen zum Anspringen von verschiedenen Navigationen und Links lassen sich in Weblication^® Projekten realisieren:
Beispiel: https://www.stadtwerke-karlsruhe.de

Ein Barrierefrei-Menü kann per Icon aufgerufen werden. Dieses beinhaltet auch die Möglichkeit, Seiten in leichter Sprache anzuzeigen.

Das Barrierefrei-Menü in Weblication^® ist einfach zugänglich, übersichtlich, aufgeräumt und strukturiert -
häufig stellen Barrierefrei-Menüs für sich gesehen schon eine Barriere dar.

Weblication^® ist so voreingestellt, dass für die Barrierefreiheit erforderliche Pflichtangaben gemacht werden müssen, bevor ein Redakteur eine Inhaltsseite speichert:

1. Metadaten, Titel und Beschreibung sind Pflichtangaben.
   
2. Bildbeschreibungen sind Pflichtangaben.
3. Beschreibung und Transskripte bei Audio-Dateien und Videos möglich.
   
4. Strukturelemente sind bereits mit den notwendigen WAI-ARIA Auszeichnungen (ARIA steht für Accessible Rich Internet Applications) versehen, um Inhalte und Anwendungen für Screenreader zugänglicher zu machen. Eine eigene Textdatei zur Pflege von ARIA-Auszeichnungen ist vorhanden (unter Globale Inhalte -> Texte).

In Weblication^® Version 20 sehen Redakteure in der Seiteninfo Informationen zur Barrierefreiheit zu

• Kontrasten
• Schriftgrößen
• Alternativtexte
• Linktext
• Formularbezeichnungen

und können so direkt entsprechende Änderungen zur Barrierefreiheit vornehmen.

In Weblication^® Version 20 können Sie externe Barrierefrei Prüfungswerkzeuge im Panel einbinden, wie z.B. vom BSI - Bundesamt für Sicherheit in der Informationstechnik - empfohlene kostenlose Prüfungstools.

In Weblication^® Version 20 können Sie eine Seite ohne Panel und Schaltflächen öffnen, um sie so über ein Barrierefrei-Plugin validieren zu können.

In Weblication^® Version 20 in Verbindung mit der BASE für Version 20 ist der Barrierefrei-Report verfügbar.

Folgende Voraussetzungen müssen erfüllt sein, um diesen nutzen zu können:

• Aktuelle ui.js und aktuelles htmlHead.wGlobal.php. Beide lassen sich über "Templates aktualisieren" auf den aktuellen Stand bringen.
• Der Barrierefrei-Report muss noch in der Projektkonfiguration aktiviert werden.

Der Report wird über Client-Feedback von Besuchern erstellt, sobald Kontraste, Schriftgrößen oder Alternativtexte nicht korrekt definiert sind. Er entspricht den Werten aus der Seiteninfo und lässt sich über das Panel öffnen.

Zu optimierende Punkte werden immer nur für die erste Seite angezeigt, in der sie aufgetreten sind. Sind diese erledigt, kann man sie löschen. Punkte, die nicht umgesetzt werden sollen oder können, lassen sich auch ignorieren.

Neben dem Report kann man sich auch per E-Mail über neue Punkte informieren lassen. Das macht vor allem dann Sinn, wenn die eigentliche Optimierung abgeschlossen ist und man verhindern will, dass etwas übersehen wurde.

In Weblication^® Version 20 werden beim Anpassen von Primärfarben die Kontraste angezeigt.

In Weblication ^® gibt es das Modul Leichte Sprache zum Hinterlegen und Anzeigen von Texten in Leichter Sprache. Die Anzeige der "Leichten Sprache" erfolgt über das Barrierefrei-Menü oder individuell eingeblendetes Icon.

Über die KI-Suche können Fragen gestellt werden, wie beispielsweise:

• "Wozu dient CSS-Only" oder
• "Wie lange gibt es Weblication?"

Für die Ausgabe der Ergebnisse lässt sich konfigurieren:

• KI-Modus (siehe Screen):
  Hier wird eingestellt, wie KI-Suchtreffer im Vergleich zu herkömmlichen Treffern behandelt werden.
• Ob bei Fragen eine Antwort auf Basis der Suchergebnisse ausgegeben werden soll.
• Die Schwelle (Bereich zwischen 0 und 1 - z.B. 0,3), ab der KI-Ergebnisse berücksichtigt werden.
  Je niedriger der Wert, desto mehr KI-Ergebnisse werden berücksichtigt. Diese sind dann aber auch nicht mehr so relevant.
• Die maximale Anzahl der anzuzeigenden KI-Ergebnisse.
• Die Gewichtung der KI-Ergebnisse im Verhältnis zu den herkömmlichen Suchtreffern.
• Die zusätzliche Gewichtung der KI-Ergebnisse, falls Treffer auch mit der herkömmlichen Suche gefunden wurden.

In der Einstellung für die Indizierung tragen Sie Ihren API-Key des genutzten KI-Models ein sowie die Bezeichnung des verwendeten Models. 

In Weblication^® Version 20 können Sie auf Wunsch einstellen, dass das Bedien-Panel fixiert angezeigt wird. Insbesondere bei breiten Bildschirmen kann diese Darstellung von Benutzern bevorzugt sein.

In Weblication^® Version 20 lässt sich über die Seiteninformation ein QR-Code der aktuellen Seite generieren.

Weblication^® zeigt in der Seiteninfo, wenn die aktuelle Seite zeitgesteuerte Elemente enthält.

In Weblication^® Version 20 werden bei den zeitgesteuerten Elementen nun auch zusätzlich

• Listeneinträge
  
• eingebundene Seiten

aufgelistet.

Bei den zeitgesteuerten Elementen sieht man nun, worauf sie sich beziehen. Also, ob es z.B. ein Listeneintrag oder ein bestimmtes Element ist.

In Weblication^® Version 20 werden für die Simulation der Anzeige von Seiten nun auch Listeneinträge und Includes (eingebundene Seiten und Elemente) berücksichtigt.

In Weblication^® können Sie die zeitgesteuerte Anzeige von Elementen in jeder Seite simulieren:

1. in der Vorschau der Seite
   
2. in der Seiteninfo

Für jedes Element werden drei Buttons zur Simulation mit der jeweils eingestellten Zeit eingeblendet. Sie können folgende Darstellungen je zeitgesteuertem Element simulieren, wenn Sie auf den jeweiligen Button in der Seiteninfo klicken:

• vor dem aktiven Zeitraum
• den aktiven Zeitraum
• nach dem aktiven Zeitraum

Dabei wird der ausgewählte Zeitraum mit einem blauen x markiert.

In Weblication^® lassen sich Elemente zeitgesteuert offline und online schalten. Die Funktion kann sowohl in Einzelelementen als auch in Inhaltsbereichen, Infoboxen und Containern, die weitere Elemente enthalten, genutzt werden. In der Simulation in der Seiteninfo in Weblication^® Version 20 können Sie den Status von Elementen erkennen.

Das Bendien-Panel in Weblication^® ist über die Benutzeroberfläche anpassbar.

Neu in Weblication^® Version 20 ist, dass beim Anpassen des Panels noch nicht definierte Einstellungen automatisch ergänzt werden. Außerdem sind die Auswahlboxen nicht mehr nur mit der ID, sondern mit einer Bezeichnung versehen.

Die Seiteninfo in Weblication^® Version 20 lässt sich links neben Bedien-Panel, rechts oben oder neu rechts unten anzeigen.

Neu in Weblication^® Version 20 ist die Möglichkeit der Darstellung rechts unten. Durch Überfahren des Bedien-Panels mit der Maus klappt die Seiteninfo aus. In der ausgeklappten Seiteninfo klicken Sie rechts oben in der Leiste auf das Icon. Damit kann die Seiteninfo auch rechts oben oder rechts unten positioniert werden - siehe Screen.

Der WYSIWYG-Editor in Weblication^® Version 20 wurde vollständig neu entwickelt und damit auf die Gegebenheiten zukünftiger Browser-Generationen vorbereitet.

Bei der Auswahl von Bildausschnitten lässt sich der Ausschnitt kopieren und so an anderen Stellen wiederverwenden.

Die Funktion ist vor allem dann sinnvoll, um immer dieselbe Größe eines Bildausschnitts in unterschiedlichen Bildern zu nutzen, um so eine einheitliche Bilddarstellung zu erhalten.

Die Funktion können Sie auch dazu verwenden, um einen für gut empfundenen Bildausschnitt in die Zwischenablage zu sichern. Danach können Sie weitere Bildausschnitte ausprobieren und auf Wunsch den in der Zwischenablage hinterlegten Bildausschnitt wieder zurückholen.

Schnellfilter: In Weblication^® können Sie zum schnelleren Auffinden von Elementen im Struktureditor Bezeichnungen über die Tastatur eingeben.

In Weblication^® Version 20 berücksichtigt der Schnellfilter bei der Elementauswahl nun auch den Typ.

Beispiel - siehe 1. Screen:
Titel: Inhaltsbox
Typ: container.box

Bei der Eingabe von Inhaltsbox, container oder box zeigt der Schnellfilter nun Ergebnisse an. Bisher wurde nur die Eingabe des Titel - hier Inhaltsbox - im Filter berücksichtigt.

Schnellfilter: In Weblication^® können Sie zum schnelleren Auffinden von Elementen im Struktureditor Bezeichnungen über die Tastatur eingeben.

In Weblication^® Version 20 werden, sofern keine passenden installierten Elemente vorhanden sind, automatisch zu den Eingaben gefilterte installierbare Elemente zur Auswahl angezeigt.

In Weblication^® Version 20 ist das neue Pflegetag web:text:start editor="iconFa” verfügbar, um Font Awesome Icons über die Benutzeroberfläche auszuwählen. Damit Sie die Funktion nutzen können, muss das Font Awesome Weblic^® installiert sein.

Im Editor des Objekt-Wizard wird die Funktion bereits im Standard für die Listeneinträge des Objekts verwendet.  

Mastertemplates lassen sich nun nicht mehr nur im Quelltext, sondern auch in der Entwurfs-Ansicht pflegen. 

Bemerkung: Die Bearbeitung der Mastertemplates kann auch über ein Icon im Struktureditor aufgerufen werden, das beim Überfahren der Leiste "Einfügbare Elemente" mit der Maus automatisch eingeblendet wird - siehe 3. Screen.

In Weblication^® Version 20 sind neue Ereignisse verfügbar, die sich auf das Handling von Elementen im Editor beziehen.

Die folgenden Ereignisse werden von Weblication^® unterstützt und können individuell mit entsprechenden Scripten bedient werden:

• onBeforeInsertItem: Vor dem Einfügen eines Elements
• onAfterInsertItem: Nach dem Einfügen eines Elements
• onBeforeRemoveItem: Vor dem Löschen eines Elements
• onAfterRemoveItem: Nach dem Löschen eines Elements
• onBeforePasteItem: Vor dem Einfügen eines Elements aus der Zwischenablage von Weblication^®
• onAfterPasteItem: Nach dem Einfügen eines Elements aus der Zwischenablage von Weblication^®

Hintergrund zu Ereignissen:

Weblication ^® bietet ein ereignisbasiertes Framework. Damit lassen sich beim Auftreten bestimmter Ereignisse, z.B. nach dem Speichern einer Datei (onAfterSaveFile), vorgefertigte und individuelle Scripte (Aktionen) automatisch ausführen.

Beispiele:

• Nach Hochladen von Bildern (Ereignis: onAfterUpload) Bildgröße automatisch ändern
  
• Nach Speichern (Ereignis: onAfterSaveFile) einer Datei Benutzergruppe informieren
  
• Oder Sie können vor dem Verschieben einer Datei (Ereignis: onBeforeMoveFile) eine Datensicherung anstoßen, das Ereignis protokollieren und danach ein "Script zum Einschalten der Kaffeemaschine" aufrufen ;-)

Neu in Weblication^® Version 20 ist, dass es nun auch Ereignisse / Events im Editor auf Element-Ebene gibt, die individuell erstellte Scripte aufrufen können.

Weitere Informationen zu Ereignissen

Weitere Informationen zum Bearbeiten von Ereignissen

Bei der Auswahl eines Bildausschnitts lassen sich Unterteilungen anzeigen. 

Auswählbar sind:

• 50|50
• 33|33|33
• 25|25|25|25

Stehen in der Konfigurationsmaske eines Elements erweiterte Variantenfunktionen zur Verfügung (z.B. die Übernahmen von Untervarianten in die Hauptvariante), so wird das über ein hervorgehobenes Symbol sichtbar.

Der Haupt-Überschrift (Ebene 1 bzw. h1) wird als Gestaltungselement oft eine besondere Bedeutung beigemessen. Die Gestaltung unterscheidet sich nicht selten erheblich von den Überschriften untergeordneter Levels (h2, h3, h4).

Daher haben wir in Weblication^® Version 20 eine Funktion geschaffen, mit der Sie die Überschrift 1 auf alle Inhaltsseiten übernehmen können, untergeordnete Überschriften h2, h3, h4 bleiben bestehen.

So gehen Sie vor:

1. Gestalten Sie die Überschrift 1 in einer Seite nach Ihrem Wünschen.
2. NEU: Wählen Sie den Stil aus - die Stile ergeben sich aus den installierten Darstellungsvarianten.
3. Klicken Sie auf den Pfeil rechts oben in der Konfigurationsmaske der Überschrift.
4. Klicken Sie auf "Ausgewählte Untervariante in die aktuelle Darstellungsvariante übernehmen", falls es sich um eine Level 1 Überschrift handelt.
5. Bestätigen Sie im aufgehenden Fenster mit "OK" und speichern die Darstellungsvariante mit "Speichern und Schließen".

Durch dieses Vorgehen wird die innerhalb einer Seite gestaltete Überschrift 1 in alle Seiten übernommen. Die tiefer liegenden Überschriften bleiben von der Designänderung unberührt.

Den Vorgang können Sie beliebig oft wiederholen.

Der neue Editor in Weblication^® Version 20 kann, falls im Editor ein XSLT-Fehler auftritt, der auf fehlerhaftem XML basiert, diesen korrigieren oder ein früherer Stand wiederhergestellen.

Der Postausgang-Server wurde eingerichtet, weil Mailserver die über die Formulare erzeugten E-Mails nicht immer zuverlässig versenden. Website-Betreiber erhalten mit dem Postausgang-Server Kontrolle über die E-Mails, die über die Formulare in der Website erzeugt werden.

Im Postausgang finden Sie alle E-Mails, die noch nicht versendet wurden. Dazu sehen Sie auch entsprechende Fehlermeldungen.

Kopfdaten von E-Mails im Postausgang lassen sich nachträglich bearbeiten.

Die gesendeten E-Mails lassen sich verschlüsselt speichern. Um diese lesen zu können, muss ein Passwort eingegeben werden.

Hintergrund: Durch die inzwischen sehr weitgehenden Möglichkeiten von CSS-Only in Weblication^® wurde in den letzten Jahren die Anpassung von Templates immer seltener erforderlich. Immer mehr Gestaltungen können recht einfach rein über CSS-Only und die Benutzeroberfläche erfolgen.

Damit ist es bei vielen Auftritten sinnvoll und möglich, Templates immer auf dem aktuellen Stand der Weiterentwicklung zu halten und erst gar nicht mehr manuell zu ändern.

Bei Einstellung "System-Templates nutzen: Ja" werden immer die aktuellen System-Templates bzw. JS-Dateien genutzt. Individuell vorgenommene Anpassungen werden nach einem Software-Update automatisch überschrieben! 

Diese Einstellung kann vor allem dann sehr effektiv sein, wenn Sie die Gestaltung einer Website rein über CSS vornehmen und die Templates nicht anpassen.

Beim Aufruf "Templates aktualisieren" werden nur die für das Update relevanten Dateien angezeigt. Für Update nicht relevante Dateien werden gefiltert, um weniger Dateien anzuzeigen.

Außerdem sehen Sie sofort, wenn in Dateien Änderungen vorgenommen wurden.

Beim Aufklappen eines aktualisierbaren Weblics^® wird sichtbar, welche der enthaltenen Dateien aktualisierbar sind.

In Weblication^® Version 20 lassen sich Update-Snippets für Neuerungen, Anpassungen oder Einstellungen auf Projektebene ausführen. 

Diese können verwendet werden, um beispielsweise Zugriffsfilter auf das Projekt einzubinden oder einzeln eingetragene zu blockierende Bots in der Projektkonfiguration durch einen Parameter zu ersetzen, dessen Inhalt permanent angepasst und erweitert wird.

Werden mehrere Templates und Skripte aktualisiert, so lassen sich diese komplett wiederherstellen. 

Dies gibt Ihnen die Sicherheit, dass Sie jederzeit den Stand vor der Aktualisierung der Templates wieder zurückholen können.

In Weblication^® Version 20 lassen sich bestehende Vorlagen direkt von der Auswahlmaske der Vorlagen zur Anpassung aufrufen und bearbeiten.

Auch die Vorlagen-Einstellungen sind direkt aus der Auswahlmaske der Vorlagen erreichbar.

Verknüpfte Vorlagen werden nur noch angezeigt, wenn diese tatsächlich definiert wurden und auf ein anderes Unterverzeichnis zeigen. 

In Weblication^® Version 20 lassen sich ebenenabhängige Untervarianten in Überschriften über die Benutzeroberfläche zuordnen (-w-subvariants-ifLevel1).

Die Screens unten zeigen, wie Sie über die Eingabemaske die Standard-Darstellung (primaryStyle) der Überschriften auswählen.

Für Überschriften in Level 1 (h1) können Sie davon abweichend (primaryStyle-ifLevel1) eine andere Standard-Darstellung wählen.

Bei Farben, die über CSS-Variablen definiert sind, werden diese im Quelltext angezeigt.

In Weblication^® Version 20 wurden die Markierungen innerhalb von hervorgehobenen Bereichen optimiert.

Immer mehr Bots, Tools (auch SEO-Tools) rufen einzelne Inhaltsseiten mit Bündeln an variierenden oft völlig unnötigen Parametern auf und verursachen dadurch unkontrolliert Zugriffe, die ganze Webserver blockieren.

Um das Problem zu lösen, können Sie in Weblication^® Version 20 Filter definieren, die

• nur noch Zugriffe mit erlaubten Parametern zulassen (Whitelist)
• Zugriffe mit nicht erlaubten Parametern blockieren (Blacklist)

Außerdem sehen Sie in der rechten Spalte Vorschläge, die sich aus Zugriffen mit entsprechenden Parametern ergeben. Diese können Sie per Klick in die Whitelist (+ Zeichen links) oder Blacklist (+ Zeichen rechts) übernehmen.

In der Sandbox lassen sich die Skripte filter, indem Sie im Suchfeld einen dem Suchbegriff entsprechenden Begriff eingeben.

Beim BASE Analyzer / Updater erkennt man nun, welche Schritte man bereits ausgeführt hat.

Die seitlich grau hinterlegten Schritte - siehe nachfolgender Screen - wurden bereits ausgeführt.