[!--Anrede--] [!--Kontakt--],

heute zeigen wir Ihnen, wie Sie in Weblication^® eine neue Standard-Darstellung für jedes Weblic^® festlegen.

Und Sie erfahren, wie Sie mit dieser Technik in Verbindung mit einer neuen CSS-Only Variante automatisch aufeinanderfolgende Inhaltsbereiche mit einer wechselnden Hintergrundfarbe ausgeben.

Das und vieles mehr in unseren Wochennews.

Beim Einbinden eines Elements in eine Inhaltsseite wird automatisch die Standard-Darstellungsvariante 0 voreingestellt. Damit werden alle neu in Seiten eingefügten Elemente eines Weblics^® einheitlich dargestellt.

CSS-Only Darstellungsvarianten lassen sich mit einem Klick als Standard-Variante definieren. So können Sie eine neue installierte Variante sofort auf alle bestehenden Elemente mit der Variante 0 anwenden.

So geht's:
Gehen Sie in die Übersicht der CSS-Only-Varianten eines Elements, installieren (sofern noch nicht erfolgt) die gewünschte Variante und machen diese durch Klick auf das Icon

   "Als Standardvariante festlegen"

zur neuen Standardvariante 0.

Durch Klick auf "Als Standardvariante festlegen" in einer anderen Hauptvariante werden alle Elemente desselben Weblic^®, die in der Standard-Darstellungsvariante 0 eingestellt sind, in allen Inhaltsseiten auf die neu gewählte Anzeige umgestellt.

Es ist eine neue CSS-Only Variante "Hell, wenn weiß davor" verfügbar (nutzbar mit dem aktuellsten Template). Damit werden Inhaltsbereiche automatisch abwechselnd weiß oder hell (z.B. hellgrau) dargestellt. Beim Zwischenschieben neuer Inhaltsbereiche müssen so keine Farben mehr angepasst werden. Auch dunkle bzw. farbige Blöcke werden berücksichtigt.

Interessant wird die Funktion in Verbindung mit dem Umstellen Standard-Darstellungsvariante 0 auf "Hell, wenn weiß davor", weil damit automatisch in allen Seiten der Inhaltsbereich immer automatisch eine wechselnde Hintergrundfarbe erhält.

Verfügbar für BASE für Version 19.

Ab dem 28.6.2025 gilt das Barrierefreiheitsstärkungsgesetz. Weblication^® bietet durch seine Werkzeuge und Funktionen die Grundlage, um barrierefreie Websites umzusetzen, wie z.B. die Funktionen der Pflichtangabe Titel bei zu veröffentlichenden Bildern, Vorlesefunktion, Schriftgrößenänderung uvm.

Es ist auch möglich, eine barrierefreie Darstellung rein über CSS zusätzlich zur normalen Website für Besucher ohne Barriere anzubieten:
https://dev.weblication.de/dev/blog/CSS-benutzerabhaengig-nutzen.php

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

Darüber hinaus bietet Weblication^® ab Version 19

• ein Barrierefrei-Menü   und
• das Modul Leichte Sprache

Die Umsetzung einer barrierefreien Website wird immer in Zusammenarbeit mit dem umsetzenden Dienstleister in Abhängigkeit der Anforderungen des Kunden an Design und Usability sowohl für Menschen mit als auch ohne Barriere für den Zugang zum Web-Angebot erarbeitet. So ist beispielsweise die Farbgebung einer Website in Einklang zu bringen mit der für Barrierefreiheit geforderten Kontraste für bessere Lesbarkeit - also etwas, was nicht rein technisch, sondern auch gestalterisch zu berücksichtigen ist und daher keine systemische Voraussetzung hat. Auch Access-Keys sind in Weblication^® Projekten in entsprechenden Umsetzungen realisierbar.

Eine Übersicht, was Websitebetreiber zu berücksichtigen haben, ist in der entsprechenden Richtlinie für die Umsetzung von barrierefreien Websites definiert. Die Gestaltung sollte grob gesehen u.a. beispielsweise folgende Punkte beachten:

1. Inhalt, Struktur und Design sollten getrennt voneinander sein - Standard in Weblication^®
2. Schriftengrößen und Abstände sind relativ anzugeben, damit Größenänderungen möglich sind - Standard in Weblication^®
3. Responive Darstellung auf allen Endgeräten - Standard in aktuellen Weblication^® Vorlagen - individuelles Eingreifen über diverse Weblication^® Werkzeuge und Weblics^® möglich
   
4. Strukturierung der Inhalte über Überschriften h1 b. h6 - Standard in Weblication^®, bei Inhaltserstellung zu beachten
   
5. Verständliche und leicht erreichbare Navigation - bei Inhaltserstellung zu beachten, Tab-Navigation und Skip-Funktion realisierbar (s. o.)
6. Gute Lesbarkeit durch entsprechende Farbkontraste - bei Designentwicklung zu beachten
7. Verständliche Sprache und Sätze sowie möglichst Verzicht auf Fremdwörter - Aufgabe beim Texten
   
8. Akronyme und Abkürzungen mit Einblendung der Bedeutung - Standard-Funktion in Weblication^® kann genutzt werden
   
9. Metadaten Titel und Beschreibung verständlich und aussagekräftig - Aufgabe bei Inhaltserstellung, Weblication^® bietet hier die Möglichkeit von Pflichtangaben
   
10. Bildbeschreibung in Bildern und Formularen sollte ausgefüllt sein, insbesondere wegen Vorlesefunktionen - Aufgabe bei Inhaltserstellung, Weblication^® bietet hier die Möglichkeit von Pflichtangaben
11. Berücksichtigung der Barrierefreiheit auch bei Audio-Dateien und Videos - Aufgabe bei Inhaltserstellung, Weblication^® bietet hier die Möglichkeit von Pflichtangaben z.B. in Metadaten
    
12. Weblication^® bietet die Möglichkeit der Berücksichtigung von WAI-ARIA Auszeichnungen (ARIA steht für Accessible Rich Internet Applications), um Inhalte und Anwendungen zugänglicher zu machen

Abschließend sei gesagt, dass die Umsetzung einer barrierefreien Website immer einen individuellen Entwicklungsprozess darstellt, 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.

Artikel im Blog lesen

Im Login-Formular kann nun zusätzlich gewählt werden, dass eine Weiterleitung nach Login auf den referrer-Parameter erfolgt (im Mastertemplate umgesetzt). Dies ist z.B. bei Aufruf von personalisierten PDF-Dokumenten nützlich.

Verfügbar für BASE für Version 19.

In unseren Webinaren lernen Sie Funktionen und Technik von Weblication^® CMS kennen.

Individuell für Entwickler + Webdesigner
Ihr persönlicher Termin: Aufbau eines Weblication Projekts - So geht's
Installation, Layout, Weblics, CSS-Only Varianten, Banner, Slider, Listen, Objekte, Objekt-Wizard uvm.
Projektkonfiguration, KI-Modul, globale und wiederverwendbare Inhalte, mehrsprachige Websites, Cloud, verschlüsselter Briefkasten, ...
Level: Produkt kennenlernen, Grundkenntnisse CSS
Termin: Ihr persönlicher individueller Termin
Kostenlos

Modul Leichte Sprache
Wir zeigen Ihnen, wie Sie mit dem Weblication^® Modul Leichte Sprache in Verbindung mit dem Barrierefrei-Menü Texte in Leichter Sprache hinterlegen und anzeigen und KI-basiert Übersetzungen erzeugen.
Level: Produkt kennenlernen
Termin: 19.11.2024 • 10:00 - 10:15 Uhr

KI-Funktion: Texte mit KI automatisch generieren und optimieren
Wir zeigen Ihnen, wie Sie in Weblication^® Texte mit Künstlicher Intelligenz automatisch generieren und optimieren.
Level: Produkt kennenlernen
Termin: 12.11.2024 • 10:00 - 10:15 Uhr

Melden Sie sich gleich an: 

Zum Online-Seminar anmelden

Neu in Weblication^® und Weblics^®