Catégories
Astuces et Design

Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

En tant qu'entreprise de conception et de développement Web, vous ne pouvez pas négliger l'accessibilité Web.

Si vous le faites, vos clients finiront par violer l'Americans with Disabilities Act (ADA) et subiront de sévères sanctions. en raison des sites Web que vous avez créés pour eux. Ils peuvent être giflés de poursuites à gauche et à droite, ruinant leur image de marque au-delà de la reconnaissance.

Vous ne voulez pas en être la cause, n'est-ce pas?

Nous souhaitons vous aider à surmonter cet obstacle en examinant accessiBe, une solution d'accessibilité Web automatisée basée sur l'IA pour les agences de conception et de développement Web.

Dans cet examen, nous allons vérifier les tenants et les aboutissants de la plate-forme afin que vous sachiez comment elle peut vous aider à créer des sites Web conformes à l'ADA pour vos clients.

Mais avant ça…

Brief sur l'accessibilité Web et l'ADA

Le World Wide Web Consortium (W3C), la principale organisation internationale chargée de développer les standards du World Wide Web, définit l'accessibilité du Web de cette manière:

«(Cela) signifie que les sites Web, les outils et les technologies sont conçus et développés pour que les personnes handicapées (que ce soit physique, neurologique, visuel, vocal, auditif ou cognitif) peut les utiliser. Plus précisément, les gens peuvent: percevoir, comprendre, naviguer et interagir avec le Web et contribuer au Web. »

Les sites Internet qui atteignent cet objectif sont conformes à l'ADA, qui garantit à toutes les personnes, y compris les personnes handicapées (PWD), l'égalité d'accès aux opportunités dans les domaines de la vie publique.

Ces zones comprennent des logements publics et des installations commerciales, entre autres, dans des lieux physiques et numériques (tels que des sites Web), comme l'a confirmé le ministère américain de la Justice en 2018.

Le besoin de modifications et de technologies d'assistance

Pour que les espaces publics physiques et en ligne deviennent accessibles, le Titre III de l'ADA oblige les propriétaires d'établissement et de site Web à exécuter «Modifications raisonnables» et utiliser des technologies d'assistance.

Parmi les sites Web, cela peut être la refonte et la modification d'éléments spécifiques par le biais de changements de code, de mécanismes utiles et autres.

Les développeurs Web et les agences de design le font souvent manuellement, mais cela pose plusieurs difficultés.

Les défis de la conception manuelle de sites accessibles

Concevoir manuellement les sites de vos clients pour qu'ils deviennent accessibles est laborieux et inefficace, car cela implique beaucoup de codage.

Si le site de votre client compte plus d'un millier de pages Web, vous devez vérifier que chaque lien, icône, texte, etc. – y compris chaque mise à jour ou nouvel élément – est accessible à tous les personnes handicapées.

Sinon, le site de votre client devient inaccessible et non conforme.

De plus, les processus de refonte manuelle pour l'accessibilité ont souvent de longs délais d'exécution (six à dix mois), en fonction de la sophistication du site de votre client.

Si tu y penses doit être une meilleure façon, il y a – avec accessiBe.

accessiBe: une solution robuste, automatique et alimentée par l'IA

accessiBe est la première solution d'accessibilité Web entièrement automatisée exploitant la puissance de l'intelligence artificielle (IA).

C'est une technologie globale qui vous aide à vous conformer à plusieurs réglementations d'accessibilité en plus de l'ADA:

  • Directives pour l'accessibilité du contenu Web (WCAG) 2.1,
  • La section 508 de la loi de réhabilitation de 1973 (loi fédérale américaine),
  • Loi sur l'accessibilité Canada (ACA),
  • Loi sur l'accessibilité pour les personnes handicapées de l'Ontario (LAPHO),
  • Norme israélienne (IS) 5568,
  • Loi européenne sur l'accessibilité (EAA / EN301549), et autres.

Plusieurs leaders de l'industrie utilisent accessiBe, tels que BigCommerce, océan numérique, RealPage, Volusion, et des milliers d'autres.

Cela et l’IA d’accessiBe font de cette solution la technologie de pointe sur le marché de l’accessibilité Web. Explorons le fonctionnement de l'IA d'accessiBe.

Pourquoi l'IA et son fonctionnement avec accessiBe

L'intelligence artificielle est essentielle pour assurer l'accessibilité d'environ 1,6 milliard de sites Web dynamiques dans le monde et d'un milliard de personnes handicapées dans le monde.

Avec ce grand nombre d'utilisateurs et de sites Web désactivés (ainsi que leurs pages et mises à jour), une solution ultra-efficace comme l'IA est le seul moyen de hâter et de préserver l'accessibilité de manière complète.

L'IA réduit considérablement le temps, la correction initiale et la maintenance continue, entre autres.

C'est pourquoi accessiBe utilise l'intelligence artificielle pour rendre les éléments du site Web toujours adaptés aux personnes handicapées. C’est ce qui rend accessiBe unique et au-dessus de ses concurrents.

Son moteur AI répond à 70% des exigences WCAG 2.1, qui sont la compatibilité du lecteur d'écran et la navigation au clavier.

Ce sont également les exigences les plus importantes, les plus pénibles et souvent remplies manuellement.

Voici comment l'IA d'accessiBe y répond:

Lecteurs d'écran

Les aveugles dépendent des lecteurs d'écran pour savoir ce qu'il y a sur une page Web. Les lecteurs d'écran sont des logiciels qui traduisent les informations à l'écran en sorties compréhensibles.

Ils peuvent le transmettre de manière audible via des moteurs de synthèse vocale (TTS), et les personnes aveugles peuvent entendre les informations via leurs écouteurs ou haut-parleurs.

Ils peuvent également transformer le texte à l'écran en symboles Braille. Au fur et à mesure que les informations changent, les caractères Braille changent également, offrant aux aveugles un contenu mis à jour.

De plus, les logiciels de lecture d'écran peuvent expliquer les photos, images et vidéos en relayant leurs textes alternatifs.

Pour les personnes aveugles, les lecteurs d’écran remplacent entièrement les écrans de leurs appareils, en coordination avec le système d’exploitation et le navigateur du site Web.

C'est pourquoi le WCAG 2.1 prescrit aux sites de devenir compatibles avec les logiciels de lecture d'écran grâce aux attributs des applications Internet riches en accessibilité (aria).

Les attributs aria complètent le HTML, permettant aux widgets et aux interactions souvent utilisés dans les applications d'être relayés vers des technologies d'assistance (s'il n'y a pas de mécanismes auparavant disponibles).

Cependant, la plupart des sites Web ne disposent pas de ces attributs aria et des améliorations liées au comportement qui aident les visiteurs à naviguer sur le site en douceur.

Voici donc ce que fait l’IA d’accessiBe: elle analyse la conception du site, les fonctions et les applications de votre client (formulaires, fenêtres contextuelles, menus, validations et listes déroulantes) et apprend leurs objectifs dans une page de la même manière que nous.

Pour donner aux lecteurs d'écran un contexte complet et aider les internautes aveugles à utiliser correctement le site, l'IA intègre des attributs aria, des balises et des changements de comportement en fonction des états et des fonctionnalités des éléments.

Par exemple, si un utilisateur aveugle pointe vers un bouton social Twitter sur le site de votre client, un lecteur d'écran ne peut le décrire que comme "Lien", car pour lui, l'icône n'est qu'une forme avec un lien hypertexte.

Voici à quoi cela ressemble dans le code:

image003 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes ADA pour leurs clients

Cependant, l'IA d'accessiBe, avec les attributs aria insérés, le reconnaît comme un bouton social Twitter cliquable menant au site de la plate-forme.

Ci-dessous, vous verrez qu'une fois accessiBe activé, l'intelligence artificielle a ajouté les bonnes étiquettes aria à la volée, afin que le lecteur d'écran puisse relayer l'icône en tant que "Twitter".

image005 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Il en va de même pour les visuels de votre client. Une fois que les utilisateurs équipés de lecteurs d'écran entrent sur le site, l'IA crée automatiquement des balises alt grâce aux technologies de reconnaissance d'image et de reconnaissance optique de caractères (OCR).

Cette image de bannière, par exemple, a des balises alt dans son code indiquant ce que l'image contient: "été, nature, vacances, affaires, lumineux" – et ce que le texte dit: "Summer Shop".

image007 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Avec ces balises alt, les lecteurs d'écran peuvent décrire correctement l'image à l'utilisateur aveugle.

Navigation au clavier

Les visiteurs du site peuvent activer accessiBe en utilisant Languette, la touche de navigation standard. En appuyant dessus, ils trouveront des options en haut pour passer au contenu, lire la déclaration d'accessibilité, accéder à l'en-tête, etc.

image009 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Ils activeront également le mode accessible, ce qui leur permettra de parcourir l'ensemble du site à l'aide du clavier.

De plus, en appuyant continuellement sur la touche Tab (ou Alt + 1), ils accèderont à la Panneau de navigation rapide. Cela leur permet d'aller directement à leurs destinations souhaitées, de rechercher des pages spécifiques, etc., sans parcourir l'ensemble du site.

image011 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

accessiBe optimise les éléments du site au niveau le plus complet requis par les WCAG 2.1.

Par exemple, accessiBe vous permet de naviguer dans les menus à l'aide des flèches du clavier: gauche et droite dans la barre de menus, haut et bas pour les menus déroulants, y compris Esc pour fermer les sous-menus.

accessiBe suit également les exigences WCAG 2.1 pour les fenêtres contextuelles:

  • Le focus du clavier doit se déplacer de la zone inférieure vers l'intérieur des fenêtres contextuelles lorsqu'elles apparaissent;
  • Les sites Web doivent verrouiller la navigation dans la fenêtre contextuelle, empêchant les visiteurs de se déplacer au-delà;
  • Les utilisateurs peuvent fermer la fenêtre contextuelle active avec la touche Echap et revenir au dernier élément sur lequel se concentrer avant l'apparition de la fenêtre contextuelle.

Pour les formulaires, accessiBe utilise l'API de validation intégrée du navigateur pour permettre au visiteur de revenir immédiatement aux champs contenant des entrées non valides avant de les autoriser à soumettre.

De plus, WCAG 2.1 exige que le site soit entièrement exploitable à l'aide de lettres sur le clavier:

  • Liens K
  • M – Menus
  • B – Boutons
  • H – Titres
  • L – Listes
  • F – Formulaires
  • T – Tables
  • G – Images
  • I – Articles, etc.

Sans acessiBe, la navigation à l'aide de la touche Tab peut amener la personne à certains éléments uniquement et manquer d'autres parties pertinentes. La mise au point du clavier est également à peine visible lorsqu'elle se trouve sur un élément ou une image sombre.

Entretien

Maintenir la conformité ADA de votre client est encore plus difficile que de l'atteindre. Comme mentionné, chaque mise à jour doit être optimisée afin de ne laisser aucun trou d'accessibilité.

Grâce à accessiBe, tout ce travail devient un jeu d'enfant. Son IA réanalyse et corrige automatiquement chaque mise à jour et page toutes les 24 heures.

Pour cette raison, vous et le personnel informatique de votre client n’avez pas besoin de vérifier le site manuellement de temps en temps pour vous assurer de leur conformité ADA.

Installation, personnalisation et intégrations

Commencez à installer accessiBe en cliquant sur "Commencer l'essai gratuit" et en entrant les détails de l'entreprise et du site Web de votre client. Vous recevrez ensuite un code JavaScript sur une ligne pour l'installation.

image013 Examen accessiBe: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Une fois le code inséré, vous verrez immédiatement l'icône d'accessibilité sur l'interface de votre client.

image014 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

L’IA d’accessiBe scanne le site Web et comble toutes les lacunes d’accessibilité, ce qui rend votre client conforme ADA en 48 heures.

L'entreprise reçoit ensuite des analyses de maintenance quotidiennes de l'IA et des audits de conformité mensuels.

Si votre client souhaite repositionner l'icône d'accessibilité sur son interface et la faire correspondre avec ses couleurs de marque, accédez à la "Installation avancée et personnalisée" section située sous le champ de saisie du code d'installation.

Recherchez ces paramètres et sélectionnez les couleurs souhaitées pour chaque catégorie:

  • Couleur du fil d'interface
  • Couleur de la mise au point intérieure
  • Couleur du bouton de déclenchement
  • Couleur de mise au point externe

accessiBe s'intègre également à plusieurs sites Web, tels que WordPress, Drupal, Wix, Site123, Shopify, Bigcommerce, Joomla, via Google Tag Manager, et bien plus encore.

Les visiteurs peuvent voir votre client Déclaration d'accessibilité, qui sert également de certificat de performance, sur l'interface accessiBe. Des copies PDF de celui-ci sont envoyées par courrier électronique à votre client.

image016 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

En outre, il convient de noter (et de souligner à vos clients) que les améliorations du site ne sont pas permanentes et qu’elles n’affecteront pas l’expérience utilisateur de leurs autres clients.

Les améliorations sont enregistrées dans les cookies du navigateur des personnes et affichées uniquement sur les écrans de leurs appareils.

aCe: outil d'audit d'accessibilité gratuit et fiable

Déterminez d'abord la convivialité du site de votre client pour les personnes handicapées grâce à as, un outil d'audit d'accessibilité fiable alimenté par accessiBe.

image018 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Servant de norme de l'industrie pour la vérification de l'accessibilité, aCe est développé pour vous aider à relancer la pleine conformité ADA, WCAG et autres réglementations de votre client.

Alors que la plupart des outils signalent uniquement les erreurs en fonction des préréglages, aCe teste avec précision le site de votre client par rapport aux critères de succès WCAG 2.1 niveau AA et détermine leur accessibilité.

Il vous donne ensuite des commentaires perspicaces en quelques secondes seulement, et gratuitement car il fonctionne pour servir la communauté à atteindre un Web plus accessible.

Pour utiliser aCe, saisissez l'URL de votre client et appuyez sur Entrée. À titre d'exemple, j'ai mis «etsy.com», et aCe a livré ces résultats:

image020 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

aCe affiche l'évaluation globale de l'accessibilité du site de votre client, qu'elle soit «conforme», «semi-conforme» ou «non conforme».

En dessous, aCe répertorie les exigences pour ces catégories: cliquables, titres, orientation, menus, graphiques, formulaires, lisibilité, document, carrousels, tableaux et aspects généraux.

image022 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

aCe présente également les scores pour ces catégories, les icônes d'état de conformité pour chaque exigence en dessous et des commentaires spécifiques dans chaque liste déroulante d'exigences.

image024 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Les coches vertes indiquent que les sites ont satisfait aux exigences, les triangles jaunes partiellement satisfaits et les X rouges ont échoué. Les cercles gris signifient que la condition ne s'applique pas au site Web.

Dans l'image ci-dessus, par exemple, Etsy a obtenu un score de 86 pour la lisibilité, a satisfait à deux de ses exigences et a échoué dans une.

En cliquant sur la liste déroulante de la condition d'échec, vous verrez les commentaires en chiffres, la disposition WCAG 2.1 appropriée et des instantanés de code des éléments ayant échoué pour votre référence.

Cela vous donne une idée de ce que vous avez manqué dans la réalisation de l'accessibilité et comment le corriger.

aCe vous permet également de télécharger le rapport d'audit en cliquant sur l'option en haut à droite du panneau de commentaires:

image026 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Fournissez votre adresse e-mail pour recevoir votre rapport en toute sécurité. Notez qu'accessiBe respecte les lois sur la confidentialité des données et ne collecte pas de données sur le site Web de votre agence ou de votre client.

Fonctions accessiBe

Après avoir vérifié l'état de conformité de votre client et les problèmes d'accessibilité, vous pouvez les corriger en conséquence avec accessiBe.

Pour apprécier le fonctionnement de ses fonctionnalités, nous utiliserons Intex comme un exemple de site, qui apparaît à l'origine comme ceci:

image028 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

En comparant cette conception, nous appliquerons les modifications à l'aide d'accessiBe et verrons à quoi elles ressemblent.

Profils d'accessibilité

accessiBe fournit des profils d'accessibilité qui, une fois activés, appliquent instantanément les modifications répondant aux besoins spécifiques des personnes handicapées (plus d'informations sur les fonctionnalités frontales d'accessiBe ici).

Il a la Profil malvoyant qui s'adresse aux personnes atteintes de glaucome, de troubles de la vue, de vision tunnel, de cataractes et d'autres handicaps connexes.

Voici comment Intex apparaît lorsque vous activez ce profil:

image030 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes ADA pour leurs clients

Au départ, Intex utilisait des styles de police étroits et des tailles plus petites, qui ont été remplacées par une police sans empattement, afin qu’elles soient plus lisibles.

accessiBe règle également l'affichage sur une saturation élevée pour rendre les couleurs éclatantes et plus reconnaissables.

Ensuite, accessiBe a le Profil sans danger pour l'épilepsie conçu pour les visiteurs souffrant d'épilepsie photosensible ou sensible à la lumière.

Cette fonctionnalité est essentielle. Pour les utilisateurs épileptiques, Internet regorge de visuels audacieux et colorés qui peuvent déclencher des crises à tout moment, les empêchant de naviguer longtemps sur le site de votre client.

Pour rendre le site Web plus sûr, accessiBe désactive toutes les animations clignotantes et minimise l'intensité des couleurs une fois que les utilisateurs activent le profil. Découvrez à quoi ressemble Intex lorsque cela se produit:

image032 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Comme vous pouvez le voir, les couleurs sont plus pâles et presque grisées et la vidéo de la bannière s'arrête.

Si les visiteurs de votre client ont un trouble déficitaire de l’attention avec hyperactivité (TDAH) et des troubles neurodéveloppementaux, ils peuvent activer le Profil favorable au TDAH.

Cette fonctionnalité fournit instantanément un masque de lecture, qui s'étend en travers de haut en bas du site lorsque le curseur se déplace et noircit les parties restantes du site, comme ceci:

image034 Examen accessiBe: comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Cela permet aux visiteurs handicapés de se concentrer sur les éléments importants du site ou sur le contenu qu'ils lisent avec moins de distractions. La vidéo de la bannière s'arrête également de jouer.

Pour les personnes atteintes de dyslexie, d'autisme, d'accident vasculaire cérébral (AVC) et d'autres troubles cognitifs, accessiBe a le Profil de handicap cognitif.

Cela permet à ces utilisateurs de se concentrer plus facilement sur les éléments essentiels du site grâce à des fonctionnalités d'assistance, dont un guide de lecture, une barre horizontale épaisse et bleue qui se déplace avec le curseur pour faciliter la lecture des textes et du contenu écrit.

image036 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes ADA pour leurs clients

Le profil entoure même les titres avec des encadrés bleus et des liens avec des rectangles orange pour aider les utilisateurs à distinguer clairement ces éléments.

À travers le Utilisateurs aveugles (lecteurs d'écran) profile, accessiBe aide les personnes aveugles à reconnaître votre contenu et à naviguer sur le site de votre client.

Lors de l'activation du profil, accessiBe communique avec les lecteurs d'écran des utilisateurs aveugles et les rend compatibles avec le site Web de votre client.

Le passage à ce profil permet également Navigation au clavier car les logiciels de lecture d'écran permettent une navigation fluide sur le site grâce à des touches spécifiques.

image038 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Le profil de navigation au clavier est également conçu pour aider les utilisateurs à mobilité réduite à se déplacer plus facilement sur le site de votre client.

Ces clients peuvent appuyer sur Languette pour activer ce profil et passer d'un élément du site à un autre, Esc pour fermer les pop-ups, etc., et les lettres spécifiques mentionnées dans la section précédente.

Modifications spécifiques

Les profils d’accessibilité permettent aux clients de vos clients d’améliorer leur site et d’appliquer les changements appropriés à leurs handicaps et à leurs besoins.

Cependant, ils peuvent également mettre en œuvre ces changements et d'autres eux-mêmes – individuellement ou simultanément. En faisant défiler la fenêtre AccessiBe, ils trouveront plus de paramètres pour divers aspects.

Contenu

accessiBe fournit un ensemble de fonctionnalités qui améliorent la lisibilité du contenu, en particulier pour les personnes malvoyantes.

Selon des pourcentages spécifiques, ils peuvent mettre à l'échelle le contenu, la hauteur de ligne, les tailles de police et l'espacement des lettres de votre client.

123 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes ADA pour leurs clients

Ils peuvent également changer les styles de police du site en San serif, qui sont plus conviviaux, et aligner les paragraphes à gauche, au centre ou à droite.

Ils peuvent même mettre en valeur les titres et les liens, comme indiqué précédemment, et agrandir les textes avec le Loupe de texte. Voyez à quoi cela ressemble ci-dessous:

image040 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Lorsque vous survolez un texte, accessiBe affiche une superposition de texte plus grande et lisible en majuscules. Cela aide les utilisateurs à lire le contenu plus facilement.

Colorisation et affichage

accessiBe permet aux clients de vos clients d’améliorer la colorisation de leur site Web.

Ces fonctionnalités sont particulièrement utiles pour les personnes ayant des degrés divers de daltonisme, qui peuvent ne pas reconnaître les boutons, les liens et d'autres éléments en raison de leurs teintes.

Ces ajustements aident également les clients sensibles à la lumière et ont du mal à naviguer sur les sites avec un arrière-plan blanc.

image042 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

D'une part, les clients peuvent ajuster les couleurs du texte, du titre et de l'arrière-plan. Par exemple, j'ai appliqué de l'orange pour l'arrière-plan, du blanc pour les titres et du noir pour le texte. Intex apparaît maintenant de cette façon:

image043 Examen de l'accessiBe: comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

S'ils souhaitent supprimer les couleurs appliquées, ils peuvent cliquer sur «Annuler» sous chacune de ces catégories.

Les visiteurs du site peuvent également régler l'affichage en saturations hautes et basses, contrastes hauts et clairs et contraste sombre, qui ressemble à ceci:

image045 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Ils peuvent même visualiser le site en monochrome:

image047 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Orientation

Pour une meilleure orientation et navigation sur le site, accessiBe propose des modifications aux utilisateurs souffrant de déficiences visuelles, cognitives et motrices.

Ces ajustements sont conçus pour réduire le bruit et la distraction et guider les visiteurs dans la navigation et la lecture du contenu. Des raccourcis clavier et des alternatives sont également inclus.

accessiBe fournit des guides et des masques de lecture (illustrés précédemment) et des options pour mettre en évidence la mise au point, mettre en pause les visuels en mouvement, masquer les images et couper les sons.

image049 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes ADA pour leurs clients

En cliquant Mettre en surbrillance le survol, les clients peuvent mettre en évidence les éléments du site sur lesquels se trouvent les pointeurs de leur souris, comme ceci:

image050 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Lorsque mon curseur pointait sur «Intex», accessiBe affichait des encadrés orange autour du logo de la marque et la barre de menus à côté.

Les visiteurs peuvent également activer de grands curseurs noirs ou blancs pour les aider à trouver et suivre les pointeurs de leur souris et ce sur quoi ils essaient de cliquer.

Le clavier virtuel est particulièrement pratique pour les utilisateurs handicapés moteurs qui ont du mal à utiliser leur souris d'ordinateur.

Lorsqu'il est activé et que les utilisateurs procèdent à la recherche des champs ou des entrées dans les formulaires, les connexions, les inscriptions et d'autres parties du site nécessitant une saisie, le clavier virtuel apparaît instantanément.

Par exemple, je suis allé dans le champ de recherche en haut à droite du site Web et voici ce que j'ai vu:

image052 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

De plus, accessiBe dispose d'un Liens utiles section qui répertorie les différentes pages catégoriques du site. Les clients de votre client peuvent cliquer sur l’un d’entre eux pour accéder directement aux bons endroits comme ils le souhaitent.

image054 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Dans le cas d'Intex, la section répertoriée, par exemple, la page d'accueil, l'en-tête, le pied de page et les sous-menus de contenu principal, tels que Produits, Piscines hors terre, Enfants, Easy set, etc.

Autres ajustements

Au-dessus des profils d'accessibilité, vous trouverez un Dictionnaire en ligne destiné à aider les personnes âgées, les personnes souffrant de troubles cognitifs et d’autres personnes à comprendre des mots et des phrases qu’elles ne comprennent pas.

image056 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Ils peuvent taper des termes d'argot, des abréviations, des concepts, des références à des personnes ou des événements célèbres, etc. dans le champ de recherche, et accessiBe fournit des résultats instantanés à partir d'Internet.

Par exemple, j'ai entré «Zoom» dans le glossaire en direct et accessiBe a présenté une liste de définitions:

image058 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Si les visiteurs ne peuvent pas lire en anglais, accessiBe peut traduire les textes de la fenêtre dans l'une des 12 langues intégrées populaires, telles que Français, Italiano, Nederlands, Español, Português, Allemand, et plus encore.

image059 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Ils peuvent cliquer sur la partie supérieure droite du panneau accessiBe pour choisir leur langue préférée:

image060 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Par exemple, j'ai sélectionné Deutsch (Allemand). Voici à quoi ressemble l’interface d’accessiBe:

image062 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes à l'ADA pour leurs clients

Certaines de ces fonctionnalités sont automatiquement activées avec les profils d'accessibilité.

Par exemple, le Profil sans danger pour l'épilepsie allume instantanément le Arrêter les animations et Saturation faible ajustements.

le Profil favorable au TDAH gèle automatiquement les vidéos et les animations, définit l'affichage en haute saturation et active le masque de lecture.

Pour le Profil malvoyant, les Police lisible et Saturation élevée les paramètres sont activés.

le Profil de handicap cognitif affiche le guide de lecture et active le Mettre en évidence les titres, mettre en évidence les liens, et Arrêter les animations Caractéristiques.

Tarification

Les quatre packages de tarification d’accessiBe couvrent toutes les fonctionnalités et tous les services de la solution. Ils diffèrent uniquement en fonction du nombre de pages Web de votre site Web client.

accessiBe considère chaque URL unique comme une page. Si la page a des paramètres d'URL, accessiBe inclut les variations de ce nombre unique.

Par exemple, «https://domain.com/about» est considéré comme une URL unique. Les variantes de paramètre telles que «? Param = valeur» font toujours partie de cette page.

Découvrez les plans tarifaires d'accessiBe:

  • La norme – Pour les sites Web de moins de 1 000 pages uniques. 490 $ / an ou 49 $ / mois.
  • Grand – Pour les sites de moins de 10 000 pages uniques. Obtenez-le à 1490 $ / an ou 149 $ / mois.
  • Énorme – Pour les sites de moins de 100 000 pages uniques. 1990 $ / an ou 199 $ / mois.
  • Jumbo – Offert aux sites de moins de 1 000 000 pages uniques à 3 490 $ / an ou 349 $ / mois.

Optez pour un abonnement mensuel ou économisez 20% en vous inscrivant à la facturation annuelle.

En plus de couvrir toutes les fonctionnalités et services, ces forfaits offrent également des essais gratuits de 7 jours et ne nécessitent pas de paiement par carte de crédit.

Ces services comprennent:

  • Conformité avec ADA Title III, WCAG 2.1, EAA / EN301549, ACA / AODA, IS 5568
  • Certification et déclaration d'accessibilité
  • Analyses et surveillance quotidiennes automatiques
  • Audits de conformité mensuels
  • Lecteur d'écran et réglages de navigation
  • Refonte de l'interface utilisateur et de la conception
  • Mises à jour automatiques et transparentes du cloud

accessiBe vs alternatives

accessiBe surclasse de loin les autres widgets ou méthodes d'accessibilité en raison de son moteur d'intelligence artificielle complet et contextuel.

De plus, c'est le seulement solution automatisée dans l'industrie, rendant vos projets de refonte plus rentables et plus durables.

Permettez-moi de vous expliquer.

Premièrement, accessiBe aide votre client à respecter plusieurs réglementations d'accessibilité dans le monde, tandis que les services tiers ne limitent la conformité qu'en fonction de la portée du projet.

Les plugins sont pires, car ils ne respectent pas strictement les dispositions législatives.

accessiBe fonctionne également immédiatement en seulement 48 heures après l'installation. Cependant, d'autres services peuvent prendre de trois à 26 semaines et les plug-ins ne fournissent pas un délai d'exécution complet.

La maintenance pour accessiBe fonctionne 24h / 24 et 7j / 7, mais n'est pas fournie par les plugins. C’est même un service supplémentaire pour les technologies tierces.

De plus, par rapport au taux de réussite le plus élevé du secteur par accessiBe, les performances des autres services chutent à 50% en six mois. Les plugins ne satisfont également que 5% à 15% des exigences.

Et la meilleure partie est: avec accessiBe, vous pouvez obtenir toutes les normes d'accessibilité, le taux de réussite, etc. à un prix abordable pour un prix de départ de 490 $ / an.

D'autres technologies vous facturent de 5 000 $ à 50 000 $ par année. Les plugins peuvent avoir des abonnements gratuits ou peu coûteux, mais ils ne vous mèneront presque nulle part dans la réalisation et la préservation de l'accessibilité de votre client.

De toute évidence, accessiBe est beaucoup plus durable que les approches manuelles et autres alternatives technologiques.

Partenariat avec accessiBe

accessiBe offre d'excellentes opportunités de partenariat qui vous permettent de mieux vous assurer que vos clients sont conformes à l'ADA.

Vous pouvez acheter des licences accessiBe (avec 20% de réduction) pour chacun de vos clients, ou recevoir des commissions (20%) pour chaque licence achetée.

Vous obtiendrez même une licence gratuite sur votre site Web pour protéger votre agence de design et sans engagement ni frais d'inscription.

Pour rejoindre ce programme de partenariat, planifiez une démonstration avec accessiBe et fournissez les détails de votre entreprise, tels que l'adresse e-mail et le lien vers le site Web:

image063 AccessiBe Review: Comment les agences peuvent concevoir des sites conformes ADA pour leurs clients

Les responsables des partenariats d’accessiBe vous montreront le fonctionnement de toute la solution et inscriront votre agence au programme.

accessiBe will also give you a partner account, enabling you to create child accounts for your clients and help process their license purchases.

Here’s how you can specifically partner with accessiBe:

  • Client Referrals. Get 20% of commissions for every new client that purchases an accessiBe license.
  • White Label. Have your agency’s name on the accessiBe solution.
  • Classic Affiliation. If you run a blog site or active mailing list, you can become an accessiBe affiliate.
  • Events, Courses, etc. Collaborate with accessiBe for your events, online courses, and other ways.

accessiBe Partners’ Success Stories

accessiBe has helped its partner agencies reach their revenue, legal compliance and protection, and other goals for their company and clients’ websites.

Par exemple, Your Store Wizards, a solutions provider for ecommerce websites, such as those powered by Shopify and BigCommerce, sought an accessibility solution with these criteria:

(1) Affordable, 2) seamlessly worked with their clients’ platforms, and 3) gave them flexibility in building sites, instead of being forced into adopting performance-hampering designs.

From the detailed product demo, Your Store Wizards found that accessiBe was the exact solution they were looking for.

Since taking on the solution, they’ve taken in numerous clients and interacted productively with the accessiBe team, who were always looking for ways to help their agency and their clients.

Another satisfied accessiBe partner is online marketing agency SellSide Media. They aimed to drive growth for their clients, but have not considered web accessibility until recently.

After their client received a lawsuit from a blind plaintiff, SellSide Media met accessiBe, who demonstrated the solution and helped their legal team respond to the complaint — resolving the issue.

SellSide Media is amazed at how simply adding a line of accessiBe installation code makes the website accessible and compliant.

This empowers their clients to open their online services to more customers, increase revenue, and avoid litigation — all at minimal cost and effort.

Conclusion

Remember that creating ADA-compliant sites for your clients doesn’t have to be rocket science.

You don’t have to spend days, weeks, even months to pull this off.

By installing accessiBe, you can achieve compliance, protect your clients against nerve-racking web accessibility lawsuits, and help them close more customers by making their sites easily navigable to PWDs.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *