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

heute möchten wir Sie auf die kritische Einschätzung der barrierefrei Überwachungsstellen von Bund und Ländern beim Einsatz von Overlay-Tools aufmerksam machen, und weshalb Weblication® ohne Overlay-Tools auskommt und wie es im Bezug auf Barrierefreie Websites positioniert ist.

Außerdem erfahren Sie, wie Sie in Weblication® Version 20 eine gestaltete Überschrift 1 in alle Seiten übernehmen.

Und wir stellen Ihnen zwei nutzvolle neue Komponenten vor, um eine zweispaltige Darstellung auf voller Breite umzusetzen, bei der das Bild rechts bzw. links aufgespannt wird.

Und wenn Sie wissen möchten, wieviel Speicherplatz auf Ihrem Webspace verbraucht ist, kann Weblication® Ihnen das anzeigen.

Das und vieles mehr in unseren Wochennews.


Einschätzung der barrierefrei Überwachungsstellen zum Einsatz von Overlay-Tools

Die Überwachungsstelle des Bundes für Informationstechnik hat eine gemeinsame Einschätzung der Überwachungsstellen des Bundes und der Länder für die Barrierefreiheit von Informationstechnik zum Einsatz von Overlay-Tools veröffentlicht:

Zum Artikel der Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Overlay-Tools kritisch betrachtet

Der Ausschuss für barrierefreie Informationstechnik gemäß § 5 BITV 2.0 stellt mit Besorgnis fest, dass öffentliche Stellen weiterhin versuchen, ihren Verpflichtungen zur barrierefreien Gestaltung ihrer Websites dadurch nachzukommen, dass sie auf ihren Webauftritten sogenannte Overlay-Tools einbinden.

Barrierefreiheit beginnt bei der Konzeption des Webauftritts

Der Ausschuss teilt die in der Einschätzung der Überwachungsstellen geäußerte Auffassung, dass die Anforderungen an die vollständige Barrierefreiheit eines Webauftritts dem Grunde nach schon während der Konzeption des Webauftritts umfassend zu berücksichtigen sind.

Hilfstechnologien im Betriebssystem oder Browser

Menschen mit Beeinträchtigungen verwenden Hilfstechnologien oder haben Einstellungen zum barrierefreien Zugang zu Webauftritten in der Regel im Betriebssystem ihres Geräts oder in dem von ihnen genutzten Browser vorgenommen.

Overlay-Tools können Hilfstechnologien blockieren

Overlay-Tools werden oft in nicht barrierefreie Webauftritte mit der Absicht eingebunden, die Barrierefreiheit herzustellen. Bei gleichzeitiger Nutzung von Overlay-Tools und Hilfstechnologien können negative Wechselwirkungen entstehen. Dadurch können sie die ordnungsgemäße Funktionalität der vorhandenen Hilfstechnologien beeinträchtigen und somit die Zugänglichkeit des Webauftritts verschlechtern, anstatt sie zu verbessern. Dies kann dazu führen, dass Menschen mit Beeinträchtigungen erhebliche Schwierigkeiten beim Zugriff auf den Webauftritt haben und im ungünstigsten Fall sogar von der Nutzung ganz ausgeschlossen werden.

Zum Artikel der Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik


Barrierefreiheit in Weblication® ohne Overlay-Tools

Weblication® benötigt kein Overlay-Tool zur Herstellung der Barrierefreiheit. Das aktuelle Basisprojekt in Weblication® sowie Elemente und Weblics® sind bereits barrierefrei. Und Weblication® bietet zahlreiche Barrierefrei-Werkzeuge:

Barrierefrei-Werkzeuge in Weblication®

Barrierefrei-Menü in Weblication® ohne Overlay

In Weblication® ist das Barrierefrei-Menü optional und ohne Overlay-Prinzip einsetzbar. Die Barrierefreiheit wird ohne die Möglichkeiten des Barrierefrei-Menüs geprüft und hergestellt.

Funktionen aus Barrierefrei-Menü auch als Buttons verfügbar

In Weblication® können Sie übrigens die Funktionen aus dem Barrierefrei-Menü auch einzeln bereitstellen, ohne dass das Barrierefrei-Menü genutzt werden muss.

Overlay kann bei Bedarf aktiviert werden - z.B. Dunkelmodus

Das beschriebene Overlay-Prinzip kommt in Weblication® zunächst nicht zum Einsatz. Es kann aber über die Einstellung "Zusätzlich durch CSS-Anpassung über JavaScript" aktiviert werden. Dieses Overlay-Prinzip nutzt Weblication® z.B. für einen Dunkelmodus, da dieser für die Barrierefreiheit nicht notwendig ist, und Weblication® den Dunkelmodus nicht im Standard ausliefert.

Zusammenfassung

Die generelle Problematik bei den Overlay-Tools ist, dass diese versprechen, eine nicht barrierefreie Seite barrierefrei zu machen, und dabei Menschen mit Beeinträchtigungen erhebliche Schwierigkeiten beim Zugriff auf Webseiten bekommen, wenn ihre Hilfstechnologien blockiert werden.

Weblication® benötigt kein Overlay-Tool zur Herstellung der Barrierefreiheit.

Das Barrierefrei-Menü in Weblication® hilft, eine ohnehin barrierefreie Seite bei Bedarf noch besser bedienen zu können. So wie der Cookie-Banner in Weblication®-Projekten im allgemeinen nicht erforderlich ist (es werden üblicherweise nur notwendige Cookies verwendet), ist das Barrierefrei-Menü zur Herstellung der Barrierefreiheit in Weblication®-Auftritten in den allermeisten Fällen gar nicht notwendig.


Barrierefreiheit: Formular-Eingabefelder mit Kalender nun per Tastatur bedienbar

Formular-Eingabefelder mit Kalenderfunktion (Datepicker) können nun per Tastatur bedient werden.

Verfügbar für BASE Version 19


Version 20: Gestaltete Überschrift 1 in alle Seiten übernehmen

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.

Version 20: Überschrift 1 als Gestaltungselement über gesamte Website ausbreiten
Version 20: Überschrift 1 als Gestaltungselement über gesamte Website ausbreiten
Ausgewählte Untervariante in die aktuelle Darstellungsvariante übernehmen, falls es sich um eine Level 1 Überschrift handelt.
Ausgewählte Untervariante in die aktuelle Darstellungsvariante übernehmen, falls es sich um eine Level 1 Überschrift handelt.
Bestätigung, dass Untervarianten für die Hauptüberschriften übernommen wurden.
Bestätigung, dass Untervarianten für die Hauptüberschriften übernommen wurden.
Überschriften Level 1 wurde in allen Seiten gesetzt, übrige Überschriften bleiben von Anpassung unberührt.
Überschriften Level 1 wurde in allen Seiten gesetzt, übrige Überschriften bleiben von Anpassung unberührt.

Inhaltsbereich zweispaltig volle Breite Bild rechts/links aufgespannt

Es sind zwei neue Inhaltsbereiche als Komponente verfügbar, um eine zweispaltige Darstellung auf voller Breite umzusetzen, bei der das Bild rechts bzw. links aufgespannt wird.

Verfügbar für BASE Version 19

Komponente einfügen im Editor: Inhaltsereich zweispaltig volle Breite Inhalt links, Bild rechts
Komponente einfügen im Editor: Inhaltsereich zweispaltig volle Breite Inhalt links, Bild rechts
Inhaltsereich zweispaltig volle Breite Inhalt links, Bild rechts
Inhaltsereich zweispaltig volle Breite Inhalt links, Bild rechts

Belegten Speicherplatz auf Webspace ermitteln über Weblication®

Über die Serverinformationen lässt sich nun die Größe des belegten Speicherplatzes auf Ihrem Webspace ermitteln. 

Belegten Speicherplatz auf Webspace ermitteln über Weblication®
Belegten Speicherplatz auf Webspace ermitteln über Weblication®

Bild-Fokuspunkt setzen - Bilder, Banner, Listen

In Weblication® können Sie einen Bild-Fokuspunkt setzen, um immer den gewünschten Bereich auch bei automatisch erzeugten Bildausschnitten sicherzustellen.

Dadurch werden beispielsweise fehlende Köpfe vermieden, wenn ein Hochkantfoto für eine Liste automatisch systemseitig beschnitten und quer dargestellt wird.

Die Definition erfolgt in der Metadatenmaske der Bildbearbeitung. Dort müssen Sie das Bild "einchecken", damit die Metadaten dafür definiert werden können. Durch Klick auf den gewünschten Fokuspunkt in der Metadatenmaske wird der Punkt definiert, der bei automatisch generierten Bildausschnitten in jedem Fall sichtbar bleibt.

Details

Bild-Fokuspunkt
Bild-Fokuspunkt

Liste: "Über Objekt-Wizard als ein/mehrspaltige Smart-Slider-Boxen" über Scrollbar blättern

Die Listen-Variante 20460 "Über Objekt-Wizard als ein/mehrspaltige Smart-Slider-Boxen" kann nun auch über eine Scrollbar geblättert werden.


Sprachabhängige Texte zu Sprachprojekten

Inhaltsprojekte ziehen sich globale Texte in der Regel über Textbausteine. Die Texte lassen sich sprachabhängig hinterlegen.


Inhalte mit Link auf Layer unterstützen Anker auf Tab-Container

BASE JavaScript Dateien (ui.js, design.js): Inhalte, die über einen Link als Layer in die Seite geladen werden, unterstützen nun auch Anker auf Tab-Container.

Verfügbar für BASE Version 19


Formular-Feld: Tooltip nutzen

Zu Formularfeldern können Sie zusätzliche Hinweise direkt als Text oder auch als Tooltip nutzen.

Das Formular Weblic® der BASE Projektbasis ermöglicht es, zu Formularfeldern einen zusätzlichen Hinweis einzublenden. In welcher Art dies geschieht, kann in den Formulareinstellungen unter
"Darstellung der zusätzlichen Hinweise" festgelegt werden:

  • Zusätzliche Hinweise unter den Feldern anzeigen
  • Zusätzliche Hinweise über Icon öffenbar

Wenn dies über Icon öffenbar eingestellt ist, wird für Seitenbesucher zum Formular ein i Symbol angezeigt, welches den zusätzlichen Hinweis beim Überfahren anzeigt (tooltip).

Formular-Feld: Tooltip nutzen
Formular-Feld: Tooltip nutzen

Datenfragment: Neue Darstellungsvariante mit Info-Tooltip

Auch für das Datenfragment gibt es eine neue Variante 560 (Info Tooltip), mit der ein i Symbol mit hinterlegtem Text beim Überfahren mit der Maus angezeigt wird.

Verfügbar für BASE Version 19


Newsletter: Bild-Copyright-Text mit Copyright Zeichen im Bild

Nur im Falle eines gesetzten Copyrighttextes zu einem Bild wird dieser mit vorangestelltem Copyright-Zeichen im Bild hinterlegt.

Verfügbar für BASE Version 19


Mini-Shop: Individuelle Zahlfunktionen ergänzen

Über die Funktion wShop::addPaymentData können nun individuelle Zahlfunktionen ergänzt werden.

Verfügbar für BASE Version 19


Bilder mit fixen Größenangaben nun WebP-Varianten priorisiert

Bei Bildern mit fixen Größenangaben wurden die WebP-Varianten nicht priorisiert ausgeliefert.

Verfügbar ab Weblication® Version 019.005.057.000


GRATIS-Online-Seminare

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: 1.7.2025 • 10:00 - 10:15 Uhr

Melden Sie sich gleich an: 

Zum Online-Seminar anmelden


Neu in Weblication® und Weblics®


Für alle Fragen stehe ich Ihnen gerne zur Verfügung. Ich freue mich auf Ihren Anruf oder Ihre Mail. 

Herzliche Grüße

Heidi Sutter
Vertriebsleiterin

Tel. +49 (0) 7851 / 899 999-320
E-Mail: sutter@scholl.de