Corrections d’accessibilité sur Shopify, Shopware, WooCommerce et Magento

Validiscan intervient sur les boutiques Shopify, Shopware, WooCommerce et Magento dont la vitrine repose sur un thème. Sur chaque plateforme, il corrige les échecs dans les fichiers du thème et livre les modifications sous forme de pull request ou de lot de correctifs, et sur Shopify aussi sous forme de copie non publiée du thème.

Demander une vérification gratuite Le déroulement d’un projet

Sur quelles plateformes Validiscan intervient-il ?

Validiscan intervient sur les boutiques Shopify, Shopware, WooCommerce et Magento dont la vitrine est construite à partir d’un thème : un ensemble de fichiers de templates, de styles et de scripts qui produisent les pages de la boutique. Les autres plateformes et les vitrines headless sont traitées sur demande : le moteur de correction de Validiscan n’a pas de recettes pour elles.

Détails : les vitrines headless, et ce que couvre un projet

Validiscan intervient sur les boutiques Shopify, Shopware, WooCommerce et Magento dont la vitrine est construite à partir d’un thème : un ensemble de fichiers de templates, de styles et de scripts qui produisent les pages de la boutique. C’est dans ces fichiers que Validiscan apporte ses modifications.

Les autres plateformes et les vitrines headless, dont les pages sont produites par une application frontend distincte, sont traitées sur demande : le moteur de correction n’a pas de recettes pour elles. Un projet couvre une boutique sur l’une des quatre plateformes, avec un domaine et un thème.

Comment les corrections parviennent-elles à la boutique, selon la plateforme ?

Validiscan livre les corrections sous forme de pull request ou de lot de correctifs sur les quatre plateformes, et sur Shopify aussi sous forme de copie non publiée du thème. Aucune des trois façons ne modifie la version en ligne de la boutique : les modifications sont fusionnées, publiées ou appliquées par vous ou par votre développeur.

Livraison des corrections selon la plateforme
Plateforme	Pull request sur GitHub	Copie non publiée du thème	Lot de correctifs
Shopify	Oui, lorsque le thème est conservé dans un dépôt GitHub	Oui, avec un mot de passe Theme Access pour la boutique	Oui, préparé à partir d’un fichier de thème téléchargé depuis l’interface administrateur Shopify
Shopware	Oui, sur le dépôt du plugin de thème	Non (Shopify uniquement)	Oui, préparé à partir d’un ZIP du plugin de thème
WooCommerce	Oui, sur le dépôt du thème ou du thème enfant	Non (Shopify uniquement)	Oui, préparé à partir d’un ZIP du dossier du thème
Magento	Oui, sur le dépôt qui contient le thème	Non (Shopify uniquement)	Oui, préparé à partir d’un ZIP du dossier du thème

Détails : quand le mode de livraison est choisi, et ce dont un lot de correctifs a besoin

Validiscan livre les modifications de trois façons. Une pull request et un lot de correctifs fonctionnent sur les quatre plateformes ; une copie non publiée du thème n’existe que sur Shopify. Le mode retenu est décidé boutique par boutique, avant le début du travail. Aucun ne modifie la version en ligne de la boutique : les modifications sont fusionnées, publiées ou appliquées par vous ou par votre développeur.

Un lot de correctifs n’exige aucun accès à la boutique elle-même. À la place, un administrateur de votre organisation, qui peut être votre développeur, téléverse dans le portail client un export du thème actuel. Validiscan prépare les modifications sur cette copie, de sorte que chacune renvoie au fichier et à la ligne exacts. Les trois modes de livraison, en détail

Comment les corrections d’accessibilité parviennent au thème d’une boutique Shopify, Shopware, WooCommerce ou Magento

Quels fichiers les corrections modifient-elles sur chaque plateforme ?

Les corrections de Validiscan ne modifient que les fichiers propres du thème : sur Shopify le thème Liquid, sur Shopware le plugin de thème d’une vitrine Shopware 6, sur WooCommerce le thème WordPress ou son thème enfant, et sur Magento un thème Magento 2 situé sous app/design/frontend.

Shopify

Validiscan intervient sur le thème Liquid d’une boutique Shopify.

Voies d’accès: Le dépôt GitHub où le thème est conservé, un mot de passe Theme Access, ou un fichier de thème que vous téléchargez dans l’interface administrateur Shopify et que vous téléversez dans le portail client

Types de fichiers que les recettes modifient dans les tests de l’application: .css.liquid
.js
.json
.liquid
Recettes: 20

Détails : comment Validiscan accède à un thème Shopify, comment les modifications arrivent et ce que changent les recettes

Validiscan intervient sur le thème Liquid d’une boutique Shopify. Il accède au thème par le dépôt GitHub où celui-ci est conservé, par un mot de passe Theme Access avec lequel il télécharge le thème en ligne, ou par un fichier de thème que vous téléchargez dans l’interface administrateur Shopify et que vous téléversez dans le portail client.

Les modifications arrivent sous forme de pull request, de lot de correctifs ou de copie non publiée du thème en ligne, nommée Validiscan A11y <date>, que vous prévisualisez et publiez vous-même. Les recettes modifient les fichiers Liquid des dossiers layout, templates, sections, snippets et blocks du thème, ses feuilles de style et ses scripts dans assets, et les textes de la vitrine dans locales. Une correction de couleur peut aussi modifier un réglage de couleur dans config/settings_data.json.

Corrections d’accessibilité pour les thèmes Shopify

Shopware

Validiscan intervient sur le plugin de thème d’une vitrine Shopware 6.

Voies d’accès: Le dépôt GitHub du plugin, ou un ZIP du dossier du plugin sous custom/plugins, téléversé dans le portail client

Types de fichiers que les recettes modifient dans les tests de l’application: .html.twig
.js
.json
.scss
Recettes: 20

Détails : comment Validiscan accède à un plugin de thème Shopware, comment les modifications arrivent et ce que changent les recettes

Validiscan intervient sur le plugin de thème d’une vitrine Shopware 6. Il accède au thème par le dépôt GitHub du plugin, ou par un ZIP du dossier du plugin sous custom/plugins, téléversé dans le portail client.

Les modifications arrivent sous forme de pull request ou de lot de correctifs. Les recettes modifient les templates Twig sous Resources/views, le SCSS et le JavaScript sous Resources/app/storefront/src, et les fichiers de snippets qui contiennent les textes de la vitrine. Une correction de couleur peut aussi modifier une valeur dans le theme.json du thème.

Corrections d’accessibilité pour les thèmes Shopware

WooCommerce

Validiscan intervient sur le thème WordPress d’une boutique WooCommerce, ou sur son thème enfant ; les recettes sont écrites pour les thèmes WordPress classiques, construits avec des templates PHP.

Voies d’accès: Le dépôt GitHub du thème, ou un ZIP du dossier du thème sous wp-content/themes, y compris le thème enfant s’il y en a un

Types de fichiers que les recettes modifient dans les tests de l’application: .css
.js
.php
Recettes: 20

Détails : comment Validiscan accède à un thème WooCommerce, comment les modifications arrivent et ce que changent les recettes

Validiscan intervient sur le thème WordPress d’une boutique WooCommerce, ou sur son thème enfant. Les recettes sont écrites pour les thèmes WordPress classiques, construits avec des templates PHP. Validiscan accède au thème par son dépôt GitHub, ou par un ZIP du dossier du thème sous wp-content/themes, y compris le thème enfant s’il y en a un.

Les modifications arrivent sous forme de pull request ou de lot de correctifs. Les recettes modifient les templates PHP du thème, y compris les surcharges de templates WooCommerce qu’il contient et functions.php, ainsi que les feuilles de style et les scripts que le thème charge.

Corrections d’accessibilité pour les thèmes WooCommerce

Magento

Validiscan intervient sur un thème Magento 2 situé sous app/design/frontend.

Voies d’accès: Le dépôt GitHub qui contient le thème, ou un ZIP du dossier du thème, téléversé dans le portail client

Types de fichiers que les recettes modifient dans les tests de l’application: .css
.html
.less
.phtml
.xml
Recettes: 20

Détails : comment Validiscan accède à un thème Magento, comment les modifications arrivent et ce que changent les recettes

Validiscan intervient sur un thème Magento 2 situé sous app/design/frontend. Il accède au thème par le dépôt GitHub qui le contient, ou par un ZIP du dossier du thème téléversé dans le portail client.

Les modifications arrivent sous forme de pull request ou de lot de correctifs. Les recettes modifient les templates .phtml et .html, les fichiers XML de layout, la source LESS du thème et, lorsque le thème en fournit une, sa feuille de style compilée, les scripts sous web/js et le fichier de traduction allemande dans i18n.

Corrections d’accessibilité pour les thèmes Magento

Qu’est-ce qui est identique sur les quatre plateformes ?

La méthode de Validiscan est la même sur les quatre plateformes ; seuls les fichiers diffèrent. Chaque plateforme a les mêmes 20 recettes, écrites pour ses propres fichiers, et le même niveau de correction par règle. Une recette qui ne peut pas déterminer la bonne modification n’en fait aucune, et chaque modification reste dans les fichiers propres du thème.

Les mêmes recettes. Le moteur de correction compte 20 recettes sur chaque plateforme, les mêmes sur les quatre, chacune écrite pour les templates, les feuilles de style et les fichiers de texte de la plateforme. Une recette est une modification déterministe pour un type d’échec : le même code reçoit toujours la même modification.
Les mêmes niveaux. Une règle du catalogue de Validiscan a le même niveau de correction sur les quatre plateformes : AUTO, ASSISTED ou MANUAL. Chaque page de plateforme énumère les règles couvertes par chaque recette, avec leur niveau.
Aucune supposition. Lorsqu’une recette ne peut pas localiser avec assez de certitude le code à l’origine d’un échec, ou que le code ne montre pas quelle est la bonne modification, elle ne modifie rien. Le constat suit alors la voie ASSISTED, au lieu de recevoir une correction fondée sur une supposition.
Uniquement les fichiers propres du thème. Une modification ne peut toucher que les fichiers propres du thème : une modification de fichiers issus de la compilation, de dépendances, de fichiers du cœur de la plateforme ou de la configuration d’intégration continue est rejetée. Les templates, les feuilles de style, les scripts et les fichiers JSON et XML modifiés sont en outre contrôlés avec un analyseur syntaxique adapté à leur type de fichier avant que Validiscan ne relise la modification.
Aucun overlay. Chaque correction est une modification du code source du thème. Quelques corrections ajoutent des lignes aux scripts propres du thème, par exemple pour relier un bouton de pause à un diaporama, mais rien n’est injecté dans le navigateur du visiteur pour corriger les pages de la boutique.

Détails : la méthode en une ligne, et le texte qu’une recette ajoute

La méthode est la même partout ; seuls les fichiers diffèrent.

Les nouveaux textes qu’une recette ajoute, comme les mots d’un lien d’évitement ou le nom d’un bouton à icône, sont fournis en anglais sur les quatre plateformes. Sur Shopify, Shopware et Magento, ils sont aussi fournis en allemand lorsque le thème a des fichiers de traduction allemands. Sur WooCommerce, le texte anglais est ajouté comme texte WordPress traduisible.

Qu’est-ce qui reste MANUAL sur toutes les plateformes ?

Les règles dont les échecs exigent une décision sur le contenu ou le comportement, qui ne peut être prise que par vous ou par votre développeur, par exemple les sous-titres de vos vidéos de produits, ont le niveau MANUAL sur les quatre plateformes. Pour un constat MANUAL, Validiscan donne des indications sur la façon de le corriger, et non une modification de votre code.

Hors du projet

Le travail sur les constats MANUAL qui exigent vos propres décisions de contenu
Les contenus tiers intégrés, comme les widgets de paiement ou de chat
Les PDF

Détails : ce qu’un projet laisse de côté, et ce qu’il couvre

Certains échecs exigent une décision sur le contenu ou le comportement, qui ne peut être prise que par vous ou par votre développeur, par exemple les sous-titres de vos vidéos de produits ou un autre moyen d’utiliser une commande qui ne fonctionne qu’en la faisant glisser. Les règles de ce genre ont le niveau MANUAL sur les quatre plateformes, et chaque page de plateforme les énumère. Pour un constat MANUAL, Validiscan donne des indications sur la façon de le corriger, et non une modification de votre code. Le travail sur les constats MANUAL qui exigent vos propres décisions de contenu ne fait pas partie d’un projet, pas plus que les contenus tiers intégrés, comme les widgets de paiement ou de chat, ni les PDF.

Un projet couvre une boutique sur l’une des quatre plateformes : un domaine et un thème.

Commencez par une vérification gratuite de votre boutique.

Envoyez l’adresse de votre boutique. Validiscan la scanne et vous envoie chaque échec que le scan peut prouver, avec sa page et son code.

Demander une vérification gratuite

Ou écrivez à info@validiscan.com.

Ce que couvre la vérification gratuite, et ce qu’elle laisse de côté

Vous envoyez: l’adresse de votre boutique
Pages scannées: jusqu’à 15
Vous recevez: chaque échec que le scan peut prouver, avec la page et le code
Sur votre boutique: pages publiques uniquement ; aucune connexion, aucun achat, aucun formulaire envoyé
Ce qu’elle n’est pas: un audit complet