Korrekturen zur Barrierefreiheit auf Shopify, Shopware, WooCommerce und Magento

Validiscan arbeitet mit Shops auf Shopify, Shopware, WooCommerce und Magento, deren Storefront auf einem Theme beruht. Auf jeder Plattform behebt Validiscan die Fehler in den eigenen Dateien des Themes und liefert die Änderungen als Pull Request oder als Patch-Paket, auf Shopify auch als unveröffentlichte Kopie des Themes.

Kostenlosen Check anfordern So läuft ein Projekt ab

Auf welchen Plattformen arbeitet Validiscan?

Validiscan arbeitet mit Shops auf Shopify, Shopware, WooCommerce und Magento, deren Storefront aus einem Theme entsteht: aus Template-, Stylesheet- und Skriptdateien, die die Seiten des Shops rendern. Andere Plattformen und Headless-Storefronts sind auf Anfrage möglich: Die Korrektur-Engine von Validiscan hat für sie keine Rezepte.

Details: Headless-Storefronts und was ein Projekt umfasst

Validiscan arbeitet mit Shops auf Shopify, Shopware, WooCommerce und Magento, deren Storefront aus einem Theme entsteht: aus Template-, Stylesheet- und Skriptdateien, die die Seiten des Shops rendern. In diesen Dateien nimmt Validiscan seine Änderungen vor.

Andere Plattformen und Headless-Storefronts, bei denen eine eigene Frontend-Anwendung die Seiten erzeugt, sind auf Anfrage möglich: Die Korrektur-Engine hat für sie keine Rezepte. Ein Projekt gilt für einen Shop auf einer der vier Plattformen, mit einer Domain und einem Theme.

Wie gelangen die Korrekturen auf jeder Plattform in den Shop?

Validiscan liefert die Korrekturen auf allen vier Plattformen als Pull Request oder als Patch-Paket aus, auf Shopify auch als unveröffentlichte Kopie des Themes. Keiner der drei Wege verändert den Live-Shop: Sie oder Ihr Entwicklungsteam führen die Änderungen zusammen, veröffentlichen sie oder spielen sie ein.

Auslieferung der Korrekturen je Plattform
Plattform	Pull Request auf GitHub	Unveröffentlichte Theme-Kopie	Patch-Paket
Shopify	Ja, wenn das Theme in einem GitHub-Repository liegt	Ja, mit einem Theme-Access-Passwort für den Shop	Ja, vorbereitet anhand einer Theme-Datei, die im Shopify-Adminbereich heruntergeladen wurde
Shopware	Ja, im Repository des Theme-Plugins	Nein (nur Shopify)	Ja, vorbereitet anhand eines ZIP-Archivs des Theme-Plugins
WooCommerce	Ja, im Repository des Themes oder des Child-Themes	Nein (nur Shopify)	Ja, vorbereitet anhand eines ZIP-Archivs des Theme-Ordners
Magento	Ja, im Repository, in dem das Theme liegt	Nein (nur Shopify)	Ja, vorbereitet anhand eines ZIP-Archivs des Theme-Ordners

Details: wann der Weg festgelegt wird und was ein Patch-Paket braucht

Validiscan liefert Änderungen auf drei Wegen aus. Pull Request und Patch-Paket gibt es auf allen vier Plattformen, eine unveröffentlichte Kopie des Themes nur auf Shopify. Der Weg wird je Shop festgelegt, bevor die Arbeit beginnt. Keiner davon verändert den Live-Shop: Sie oder Ihr Entwicklungsteam führen die Änderungen zusammen, veröffentlichen sie oder spielen sie ein.

Ein Patch-Paket braucht keinen Zugriff auf den Shop selbst. Stattdessen lädt ein Admin Ihrer Organisation, zum Beispiel Ihre Entwicklerin oder Ihr Entwickler, im Kundenportal einen Export des aktuellen Themes hoch. Validiscan bereitet die Änderungen auf dieser Kopie vor, sodass jede Änderung auf die genaue Datei und Zeile verweist. Die drei Auslieferungswege im Detail

Wie Korrekturen zur Barrierefreiheit in ein Shopify-, Shopware-, WooCommerce- oder Magento-Theme gelangen

Welche Dateien ändern die Korrekturen auf jeder Plattform?

Die Korrekturen von Validiscan ändern nur die eigenen Dateien des Themes: auf Shopify das Liquid-Theme, auf Shopware das Theme-Plugin einer Shopware-6-Storefront, auf WooCommerce das WordPress-Theme oder sein Child-Theme und auf Magento ein Magento-2-Theme unter app/design/frontend.

Shopify

Validiscan arbeitet am Liquid-Theme eines Shopify-Shops.

Wege zum Theme: Das GitHub-Repository, in dem das Theme liegt, ein Theme-Access-Passwort oder eine Theme-Datei, die Sie im Shopify-Adminbereich herunterladen und im Kundenportal hochladen

Dateitypen, die die Rezepte in den Tests der Anwendung ändern: .css.liquid
.js
.json
.liquid
Rezepte: 20

Details: wie Validiscan ein Shopify-Theme erreicht, wie die Änderungen ankommen und was die Rezepte ändern

Validiscan arbeitet am Liquid-Theme eines Shopify-Shops. Es erreicht das Theme über das GitHub-Repository, in dem das Theme liegt, über ein Theme-Access-Passwort, mit dem es das Live-Theme herunterlädt, oder über eine Theme-Datei, die Sie im Shopify-Adminbereich herunterladen und im Kundenportal hochladen.

Die Änderungen kommen als Pull Request, als Patch-Paket oder als unveröffentlichte Kopie des Live-Themes mit dem Namen Validiscan A11y <date>, die Sie selbst in der Vorschau ansehen und veröffentlichen. Die Rezepte ändern Liquid-Dateien in den Ordnern layout, templates, sections, snippets und blocks des Themes, seine Stylesheets und Skripte in assets und die Texte der Storefront in locales. Eine Farbkorrektur kann außerdem eine Farbeinstellung in config/settings_data.json ändern.

Korrekturen zur Barrierefreiheit für Shopify-Themes

Shopware

Validiscan arbeitet am Theme-Plugin einer Shopware-6-Storefront.

Wege zum Theme: Das GitHub-Repository des Plugins oder ein ZIP-Archiv des Plugin-Ordners unter custom/plugins, im Kundenportal hochgeladen

Dateitypen, die die Rezepte in den Tests der Anwendung ändern: .html.twig
.js
.json
.scss
Rezepte: 20

Details: wie Validiscan ein Theme-Plugin für Shopware erreicht, wie die Änderungen ankommen und was die Rezepte ändern

Validiscan arbeitet am Theme-Plugin einer Shopware-6-Storefront. Es erreicht das Theme über das GitHub-Repository des Plugins oder über ein ZIP-Archiv des Plugin-Ordners unter custom/plugins, das im Kundenportal hochgeladen wird.

Die Änderungen kommen als Pull Request oder als Patch-Paket. Die Rezepte ändern Twig-Templates unter Resources/views, SCSS und JavaScript unter Resources/app/storefront/src sowie die Snippet-Dateien mit den Texten der Storefront. Eine Farbkorrektur kann außerdem einen Wert in der theme.json des Themes ändern.

Korrekturen zur Barrierefreiheit für Shopware-Themes

WooCommerce

Validiscan arbeitet am WordPress-Theme eines WooCommerce-Shops oder an seinem Child-Theme; die Rezepte sind für klassische WordPress-Themes geschrieben, die aus PHP-Templates bestehen.

Wege zum Theme: Das GitHub-Repository des Themes oder ein ZIP-Archiv des Theme-Ordners unter wp-content/themes, einschließlich des Child-Themes, falls es eines gibt

Dateitypen, die die Rezepte in den Tests der Anwendung ändern: .css
.js
.php
Rezepte: 20

Details: wie Validiscan ein WooCommerce-Theme erreicht, wie die Änderungen ankommen und was die Rezepte ändern

Validiscan arbeitet am WordPress-Theme eines WooCommerce-Shops oder an seinem Child-Theme. Die Rezepte sind für klassische WordPress-Themes geschrieben, die aus PHP-Templates bestehen. Validiscan erreicht das Theme über sein GitHub-Repository oder über ein ZIP-Archiv des Theme-Ordners unter wp-content/themes, einschließlich des Child-Themes, falls es eines gibt.

Die Änderungen kommen als Pull Request oder als Patch-Paket. Die Rezepte ändern die PHP-Templates des Themes, darunter die WooCommerce-Template-Overrides im Theme und die functions.php, sowie die Stylesheets und Skripte, die das Theme lädt.

Korrekturen zur Barrierefreiheit für WooCommerce-Themes

Magento

Validiscan arbeitet an einem Magento-2-Theme unter app/design/frontend.

Wege zum Theme: Das GitHub-Repository, in dem das Theme liegt, oder ein ZIP-Archiv des Theme-Ordners, im Kundenportal hochgeladen

Dateitypen, die die Rezepte in den Tests der Anwendung ändern: .css
.html
.less
.phtml
.xml
Rezepte: 20

Details: wie Validiscan ein Magento-Theme erreicht, wie die Änderungen ankommen und was die Rezepte ändern

Validiscan arbeitet an einem Magento-2-Theme unter app/design/frontend. Es erreicht das Theme über das GitHub-Repository, in dem es liegt, oder über ein ZIP-Archiv des Theme-Ordners, das im Kundenportal hochgeladen wird.

Die Änderungen kommen als Pull Request oder als Patch-Paket. Die Rezepte ändern .phtml- und .html-Templates, Layout-XML-Dateien, die LESS-Quellen des Themes und, wo das Theme eines mitliefert, sein kompiliertes Stylesheet, Skripte unter web/js und die deutsche Übersetzungsdatei in i18n.

Korrekturen zur Barrierefreiheit für Magento-Themes

Was ist auf allen vier Plattformen gleich?

Die Methode von Validiscan ist auf allen vier Plattformen dieselbe; nur die Dateien unterscheiden sich. Jede Plattform hat dieselben 20 Rezepte, geschrieben für ihre eigenen Dateien, und dieselbe Korrekturstufe je Regel. Ein Rezept, das die richtige Änderung nicht erkennen kann, ändert nichts, und jede Änderung bleibt in den eigenen Dateien des Themes.

Dieselben Rezepte. Die Korrektur-Engine hat auf jeder Plattform 20 Rezepte, auf allen vier dieselben, jeweils geschrieben für die Templates, Stylesheets und Textdateien dieser Plattform. Ein Rezept ist eine deterministische Änderung für eine Art von Fehler: Derselbe Code erhält immer dieselbe Änderung.
Dieselben Korrekturstufen. Eine Regel im Regelkatalog von Validiscan hat auf allen vier Plattformen dieselbe Korrekturstufe: AUTO, ASSISTED oder MANUAL. Jede Plattformseite nennt zu jedem Rezept die Regeln, die es abdeckt, mit ihrer Stufe.
Kein Raten. Kann ein Rezept den Code hinter einem Fehler nicht mit ausreichender Sicherheit finden, oder zeigt der Code nicht, welche Änderung die richtige ist, ändert es nichts. Der Befund geht dann den Weg ASSISTED, statt eine geratene Korrektur zu erhalten.
Nur die eigenen Dateien des Themes. Eine Änderung darf nur die eigenen Dateien des Themes berühren: Eine Änderung an gebauten Dateien, Abhängigkeiten, den Kerndateien der Plattform oder der CI-Konfiguration wird abgelehnt. Geänderte Templates, Stylesheets, Skripte, JSON- und XML-Dateien durchlaufen außerdem einen Parser für ihren Dateityp, bevor Validiscan die Änderung prüft.
Kein Overlay. Jede Korrektur ist eine Bearbeitung des Theme-Quellcodes. Einige Korrekturen fügen den eigenen Skripten des Themes Zeilen hinzu, zum Beispiel um eine Pause-Schaltfläche mit einer Slideshow zu verbinden. Es wird aber nichts eingeschleust, das die Seiten des Shops im Browser der Besucherinnen und Besucher korrigiert.

Details: die Methode in einem Satz und der Text, den ein Rezept hinzufügt

Die Methode ist überall dieselbe; nur die Dateien unterscheiden sich.

Neuer Text, den ein Rezept hinzufügt, etwa die Worte eines Skip-Links oder der Name einer Icon-Schaltfläche, kommt auf allen vier Plattformen auf Englisch. Auf Shopify, Shopware und Magento kommt er auch auf Deutsch, wenn das Theme deutsche Übersetzungsdateien hat. Auf WooCommerce wird der englische Text als übersetzbarer WordPress-Text hinzugefügt.

Was bleibt auf jeder Plattform MANUAL?

Regeln, deren Fehler eine Entscheidung über Inhalt oder Verhalten verlangen, die nur Sie oder Ihr Entwicklungsteam treffen können, zum Beispiel Untertitel für Ihre Produktvideos, haben auf allen vier Plattformen die Stufe MANUAL. Für einen Befund der Stufe MANUAL gibt Validiscan eine Anleitung zur Behebung, keine Änderung an Ihrem Code.

Nicht Teil eines Projekts

Die Arbeit an Befunden der Stufe MANUAL, bei denen Sie selbst inhaltlich entscheiden müssen
Eingebundene Dienste von Drittanbietern, etwa Zahlungs- oder Chat-Widgets
PDFs

Details: was ein Projekt nicht umfasst und was es umfasst

Manche Fehler verlangen eine Entscheidung über Inhalt oder Verhalten, die nur Sie oder Ihr Entwicklungsteam treffen können, zum Beispiel Untertitel für Ihre Produktvideos oder eine andere Art, ein Bedienelement zu benutzen, das nur durch Ziehen funktioniert. Solche Regeln haben auf allen vier Plattformen die Stufe MANUAL, und jede Plattformseite führt sie auf. Für einen Befund der Stufe MANUAL gibt Validiscan eine Anleitung zur Behebung, keine Änderung an Ihrem Code. Die Arbeit an Befunden der Stufe MANUAL, bei denen Sie selbst inhaltlich entscheiden müssen, ist nicht Teil eines Projekts, ebenso wenig wie eingebundene Dienste von Drittanbietern, etwa Zahlungs- oder Chat-Widgets, oder PDFs.

Ein Projekt gilt für einen Shop auf einer der vier Plattformen: eine Domain und ein Theme.

Beginnen Sie mit einem kostenlosen Check Ihres Shops.

Senden Sie die Adresse Ihres Shops. Validiscan scannt ihn und antwortet mit jedem Fehler, den der Scan nachweisen kann, jeweils mit der Seite und dem Code.

Kostenlosen Check anfordern

Oder schreiben Sie an info@validiscan.com.

Was der kostenlose Check umfasst und was nicht

Sie senden: die Adresse Ihres Shops
Gescannte Seiten: bis zu 15
Sie erhalten: jeden Fehler, den der Scan nachweisen kann, mit Seite und Code
In Ihrem Shop: nur öffentliche Seiten; keine Anmeldung, nichts gekauft, kein Formular abgeschickt
Was er nicht ist: ein vollständiges Audit