Webflow Inc. est une marque américaine de logiciels en tant que service (SaaS) qui a fait ses débuts en 2013. Cette entreprise vise à donner aux concepteurs les moyens de concevoir, de construire et de lancer des sites Web hautement réactifs à l’aide d’un éditeur visuel. En janvier 2021, Webflow a atteint une valorisation boursière de 2,1 milliards de dollars et sert désormais plus de deux millions d’utilisateurs. Webflow mène la révolution no-code avec une innovation étonnante. Sans taper une seule ligne de code, les concepteurs web peuvent créer des sites web professionnels et personnalisés. Il ne s’agit pas seulement de sites web, mais aussi de l’ambition massive de créer des applications et des logiciels en les concevant au lieu de les coder. Aussi brillant que cela puisse paraître, il est fort probable que les sites Web construits avec cette plateforme ne respectent pas les normes d’accessibilité. Cet article présente un parcours d’accessibilité que vous pouvez adopter pour améliorer l’accessibilité web de votre site Webflow.
Webflow e-commerce
Avant Webflow, posséder un magasin de commerce électronique était un souhait difficile à réaliser. Les gens devaient payer des programmateurs des milliers de dollars pour écrire des lignes de code qui se traduiraient par un magasin de commerce électronique. Ce récit restrictif a subi une transformation spectaculaire.
Webflow e-commerce permet aux clients de créer des boutiques en ligne qui sont uniques à leurs marques. Les utilisateurs se réservent le privilège de choisir l’aspect complet de leur boutique – de la page d’accueil à la caisse ; ils ont le contrôle. En outre, les utilisateurs peuvent même personnaliser leur panier. En outre, Webflow e-commerce s’intègre facilement à plusieurs passerelles de paiement. Webflow est hébergé sur Amazon web services qui alimente également d’autres grandes marques telles que Airbnb, Netflix, Pinterest, Slack, Adobe, etc.
Votre site Webflow pourrait-il être inaccessible ?
Il y a à la fois des opportunités et des menaces à briser les barrières de la conception web et du développement du commerce électronique comme le fait Webflow. Si l’avantage évident est que n’importe qui peut concrétiser ses rêves en créant son site web en un claquement de doigt, la menace est tout aussi massive. N’importe qui, n’importe où, peut créer une plus grande inégalité avec son peu de connaissance de l’accessibilité ou son incapacité à la respecter.
Si vous demandez à Webflow dans quelle mesure les sites Web et les magasins de commerce électronique créés sur sa plate-forme sont accessibles, vous n’obtiendrez peut-être pas une réponse positive et audacieuse. Depuis sa création, Webflow s’est davantage attaché à rendre la conception de sites Web plus accessible aux créateurs. Malheureusement, cela ne signifie pas que les utilisateurs finaux bénéficient de la même attention. Au contraire, il est beaucoup plus facile pour les créateurs de construire des sites inaccessibles qu’autrement. Voici quelques règles d’accessibilité que votre site Webflow pourrait bafouer :
- Faible contraste, qui était autrefois la valeur par défaut
- Les composants ne sont pas accessibles par défaut
- La navigation au clavier n’est pas facile
- L’analyse de l’accessibilité n’est possible qu’après le lancement et avec un outil tiers, par exemple WAVE.
Qu’a fait Webflow pour rendre les sites Web plus accessibles ?
Ayant observé des lacunes critiques en matière d’accessibilité du Web dans son cadre, Webflow a pris une mesure audacieuse pour corriger ces lacunes. Il s’agit d’une mesure louable si l’on considère que peu de plateformes de conception de sites Web font de l’accessibilité une priorité. Voici quelques-unes des mesures prises par Webflow :
- Rendre le champ de texte alt plus proéminent et l’ajouter au gestionnaire d’actifs, le programmant ainsi pour qu’il génère des attributs alt par défaut.
- L’ajout de légendes pour faciliter le balisage des éléments et des sections du site par les concepteurs Web.
- la configuration des images d’arrière-plan (qui ne prennent pas en charge les attributs alt) pour les adapter aux normes d’accessibilité
- Création de mises en page conformes aux normes d’accessibilité dès le départ. Ces mises en page présentent une hiérarchie des pages qui aide les créateurs de contenu à répartir correctement le contenu en titres et sous-titres. Elles prennent également en charge la navigation au clavier et la structure de page accessible.
Nous avons examiné les différentes solutions d’accessibilité du Web et avons cherché à savoir quelle solution d’accessibilité du Web fonctionnerait bien sur votre site Webflow. Nous sommes arrivés à la conclusion que UserWay offre d’excellents outils et fonctionnalités qui peuvent facilement être mis en œuvre sur votre site Webflow. Continuons et nous vous en dirons plus sur cette solution d’accessibilité Web.
Accessibilité Web UserWay pour les sites Webflow
Par rapport à d’autres marques de logiciels en tant que service, Webflow fait beaucoup pour créer un accès égal pour tous. En plus de ses efforts passés et présents pour rendre les sites Web conçus par le biais de sa plateforme accessibles par défaut, la société a des plans clairs pour l’avenir– un effort louable, mais pas suffisant.
Si nous comprenons une seule chose à propos de l’accessibilité, c’est que l’accessibilité est une cible mouvante. Maintenir un site web utilisable n’est pas un effort ponctuel, même si intégrer l’accessibilité dans la composition du site est une bonne idée. Pour tous ceux qui souhaitent maintenir l’accessibilité de leur site Web, nous recommandons de consulter la solution d’accessibilité UserWay pour les sites Webflow.
UserWay est une solution d’accessibilité exceptionnelle qui utilise à la fois l’intelligence artificielle et l’effort humain pour assurer la conformité aux directives d’accessibilité aux contenus mondiaux (WCAG) et à l’American Disabilities Acts (ADA). Voici quelques excellents composants d’UserWay qui méritent d’être pris en considération :
1. Le scanner d’accessibilité UserWay
La gestion d’un site Web qui répond aux besoins de tous les visiteurs, quel que soit leur handicap, s’apparente au début d’un voyage. La première étape de votre voyage vers l’accessibilité est un “audit d’accessibilité”.
Un audit d’accessibilité vous permet de comprendre l’état actuel de votre site Web afin de savoir quelle est la prochaine étape à franchir et dans quelle direction. Le scanner d’accessibilité UserWay effectuera une analyse automatique de votre site Webflow afin d’identifier les différentes failles d’accessibilité. Une fois l’analyse terminée, un rapport détaillé sera généré pour vous donner une idée des problèmes à résoudre. Pour faciliter les choses, UserWay inclut des solutions de remédiation pour chacun de ces problèmes d’accessibilité. Enfin, le rapport hiérarchise les problèmes en fonction de leur niveau de gravité afin que vous puissiez commencer par les erreurs les plus critiques de votre site.
2. Surveillance de l’accessibilité par UserWay
Qu’est-ce que cela fait de se réveiller avec un procès après s’être couché avec un site Web “entièrement” conforme ? Dévastateur, non ? Exactement. Il est ridiculement facile pour un site de ne plus être conforme, même si vous avez utilisé de nombreuses ressources. C’est pourquoi le contrôle de l’accessibilité est crucial pour une conformité permanente.
L’analyse et le contrôle de l’accessibilité par UserWayvous aident à suivre votre statut de conformité grâce à un contrôle en temps réel. Cela est particulièrement important pour les sites Web dont les contenus sont produits périodiquement. Grâce à un tableau de bord d’IA sophistiqué, le système de surveillance du contenu donne une notification instantanée des violations dès qu’elles se produisent sur votre site et de leur emplacement exact. Ces alertes sont également accompagnées d’informations exploitables que votre équipe interne peut mettre en œuvre.
3. Widget d’accessibilité UserWay
Cet outil est peut-être la partie la plus importante du paquet d’accessibilité, en particulier pour les utilisateurs finaux. Il donne aux utilisateurs toutes les ressources nécessaires pour contrôler leur expérience. Le widget d’accessibilité UserWay prend en charge les sites Web HTML, CSS et JS, ainsi que tous les types de systèmes de gestion de contenu. Il fonctionne parfaitement avec les sites créés par Webflow.
UserWay souhaite que son widget d’accessibilité permette aux utilisateurs d’adapter le contenu Web à leurs besoins ou à leurs préférences en appuyant simplement sur un bouton. Pour cette raison, le widget dispose de plusieurs outils. Certains de ces outils sont les suivants
Lecteur d’écran
Les personnes souffrant de déficience visuelle dépendent parfois de lecteurs d’écran pour comprendre le contenu Web. Cependant, il arrive qu’elles rencontrent des difficultés pour accéder aux informations sur l’internet, même avec des technologies d’assistance. Le plaignant aveugle dans l’affaire Domino’s pizza n’aurait pas pu terminer sa commande malgré l’utilisation d’un logiciel de lecture d’écran.
Afin d’éviter cela et de permettre aux aveugles d’accéder à n’importe quelle information sur Internet, UserWay a configuré son widget de manière à ce que n’importe quelle page soit traduite en voix d’un simple toucher. Cela signifie que les aveugles n’ont pas à se soucier de l’utilisation d’un logiciel pour accéder à votre site Webflow, à condition que vous installiez le widget d’accessibilité UserWay.
Contraste
Le contraste affecte profondément la lisibilité du contenu, en particulier pour les personnes souffrant d’un type de déficience visuelle ou d’un autre. En installant le widget UserWay, les utilisateurs n’ont aucun problème avec votre site Web puisqu’ils peuvent activer quatre effets de contraste différents en appuyant sur le bouton de contraste.
Pause de l’animation
Un site Web accessible n’est pas le seul à être accessible aux malvoyants. Les animations et les flashs déstabilisent certaines personnes. Pour cette catégorie de personnes, la fonction de pause de l’animation du widget d’accessibilité UserWay est très utile.
Des textes plus grands
La mesure dans laquelle les personnes peuvent accéder au contenu d’un site donné dépend du type et de la taille de la police. En raison de la petite taille de la police, certains utilisateurs doivent fatiguer leurs yeux. Les personnes souffrant d’un handicap permanent (comme une basse vision) ou situationnel (quelqu’un qui a perdu ses lunettes) peuvent avoir du mal à lire ce type de texte. Cela va également à l’encontre des exigences des WCAG.
Pour résoudre le problème de la petite police sur votre site Webflow, UserWay Accessibility Widget propose une fonctionnalité d’agrandissement du texte, qui permet aux utilisateurs d’augmenter la taille du texte autant qu’ils le jugent confortable.
Combien coûte l’accessibilité UserWay pour les sites Webflow ?
En plus de fournir des services d’accessibilité fiables, UserWay propose des tarifs intéressants pour ses services. Il existe des services gratuits ainsi que des services premium payants.
En ce qui concerne l’analyse et la surveillance de l’accessibilité par UserWay, vous pouvez bénéficier gratuitement d’une analyse d’une page de votre site Webflow. Bien entendu, vous savez qu’une analyse d’une seule page ne permettra pas de mettre votre site en conformité. Il ne vous donnera qu’un avant-goût de l’ensemble. Pour un scan complet de la page et un suivi en temps réel, UserWay facture 49 $/mois pour un scan pro et un suivi continu de votre site Webflow. La règle de tarification est la suivante : plus le nombre de pages est élevé, plus le coût de l’analyse et de la surveillance est élevé.
De même, le widget d’accessibilité existe en version gratuite et premium. Avec la version gratuite, vous avez accès aux fonctionnalités de base de la boîte à outils. Cependant, pour profiter de toutes les fonctionnalités, vous devez prendre un engagement financier qui en vaut la peine.
Conclusion
L’accessibilité des sites Web est un processus complexe. Bien que Webflow fasse beaucoup pour réduire les problèmes d’accessibilité des sites Web construits avec son outil, la réalité reste que l’on ne peut faire que peu de choses. La meilleure façon de gagner le combat contre l’inaccessibilité de votre site Webflow est de faire confiance à une solution comme UserWay.
