S’assurer que le site Web de votre entreprise est accessible et conforme à l’ Americans with Disabilities Act (ADA) peut être frustrant, mais c’est très important.

Cela coûte cher, prend du temps et des facteurs tels que les mises à jour du site Web peuvent perturber votre conception et casser le code qui rend votre site accessible.

De plus, les codes de conformité peuvent changer à tout moment, ce qui rend difficile de rester à jour et d’assurer l’accessibilité du Web à tout moment, ce qui conduit votre petite et moyenne entreprise à faire face aux demandes ADA.

C’est là la accessiBe solution d’accessibilité Web vient .

accessiBe est une solution d’accessibilité Web automatisée abordable qui vous aide à respecter les directives d’accessibilité du contenu Web (WCAG) et la conformité ADA.

Dans cette revue d’accessiBe, nous allons plonger dans toutes ses fonctionnalités et fonctionnalités, la technologie du back-end, et en apprendre davantage sur l’accessibilité Web dans son ensemble.

Voici ce que vous apprendrez:

• Pourquoi l’accessibilité du Web est importante, y compris la législation et les directives sur l’accessibilité du Web.

• Comment installer accessiBe sur votre site Web.

• Effectuez un audit de site Web à l’aide de aCe pour identifier les problèmes d’accessibilité sur votre site.

• L’interface d’accessibilité d’accessiBe qui traite principalement de la conception et de l’interface utilisateur de votre site Web.

• Application d’arrière-plan basée sur l’IA d’AccessiBe pour l’optimisation du lecteur d’écran et de la navigation au clavier.

• plans tarifaires accessiBe.

• Comment les plug-ins d’accessibilité, les solutions manuelles et les plates-formes concurrentes fonctionnent par rapport à accessiBe.

Pourquoi les directives d’accessibilité et de conformité Web sont importantes

Avant d’entrer dans les fonctionnalités d’accessiBe, apprenons d’abord les différents types de directives de conformité pour comprendre comment accessiBe vous aide à les respecter et à éviter les demandes liées à l’accessibilité.

Loi sur les Américains handicapés (ADA)

L’ ADA est une loi sur les droits civils qui contient des interdictions de discrimination contre les personnes handicapées dans tous les domaines de la vie publique.

Cela comprend les transports, les écoles, les emplois et tous les lieux publics et privés considérés comme des «logements publics».

La série d’interdictions ADA est divisée en cinq sections ou titres liés à différents domaines de la vie publique.

Le titre III traite des installations publiques et les définit comme des entreprises et entités privées qui fournissent des services et des biens publics ou sont ouvertes au public.

Bien que le DOJ ait déclaré que les sites Web sont considérés comme des lieux d’hébergement public, un ensemble défini de règles sur la manière de se conformer à l’ADA en ligne n’a pas été officiellement publié.

Au lieu de cela, la plupart des tribunaux se sont appuyés sur les Directives pour l’accessibilité du contenu Web (WCAG) 2.1 Niveau AA, les normes d’accessibilité du Web les plus largement adoptées et reconnues, pour déterminer si un site Web est accessible.

Directives d’accessibilité du contenu Web (WCAG) 2.1

Le WCAG a été créé par le World Wide Web Consortium (W3C) pour fournir des recommandations et des normes pour l’accessibilité du Web.

WCAG 2.1 (la dernière version de la norme des critères de réussite) offre un large éventail de recommandations techniques pour rendre votre contenu Web accessible à de nombreuses personnes souffrant de divers handicaps.

Pour vous conformer aux WCAG 2.1, vous devrez suivre les normes techniques pour assurer l’accessibilité aux aveugles et aux malvoyants, la perte auditive et la surdité, les troubles de la parole et cognitifs, les mouvements limités, la photosensibilité, etc.

L’adoption des directives aidera à améliorer l’accessibilité de votre contenu Web pour garantir l’égalité d’accès aux utilisateurs handicapés et le rendre plus accessible aux utilisateurs en général.

En termes simples, WCAG 2.1 est actuellement l’ensemble le plus important de directives d’accessibilité pour se conformer à l’ADA et éviter les poursuites potentielles liées à l’accessibilité.

accessiBe aide votre site Web à se conformer à l’ADA et aux WCAG 2.1, y compris les autres lois mondiales et les directives d’accessibilité.

Installation d’AccessiBe

Choisissez parmi les différentes options d’installation d’accessiBe.

Installation rapide et basique

Copiez le script d’installation fourni par accessiBe et collez-le avant la fin du corps de votre site Web.

Vous pouvez également afficher la version non compressée du code et envoyer les instructions d’installation à votre adresse e-mail en cliquant sur le bouton Envoyer les instructions.

Installation avancée et personnalisée

La méthode d’installation avancée vous permet de personnaliser l’interface d’accessibilité et de configurer les icônes, la langue, les tailles, les positions, les couleurs, etc. pour refléter votre marque.

Vous obtiendrez un script personnalisé de accessiBe lorsque vous aurez terminé de personnaliser l’interface.

accessiBe fournit également des guides d’installation pour les propriétaires de sites Web utilisant WordPress , Shopify, Wix, GTM et Volusion.

accessiBe peut fonctionner sur n’importe quel site Web, même ceux sans système, et propose un guide pour l’installation de systèmes personnalisés.

Une fois installée sur votre système de site Web, l’interface d’accessibilité accessiBe apparaît instantanément sur votre site.

La technologie d’intelligence artificielle (IA) de la plate-forme scanne et analyse ensuite votre site Web toutes les 24 heures à la recherche de nouveau contenu à ajuster pour l’accessibilité, et dans les 48 heures, votre site devient entièrement conforme ADA et WCAG 2.1. Niveau AA.

Fonctionnalités AccessiBe pour l’accessibilité Web

Jetons un coup d’œil aux fonctionnalités et fonctionnalités d’accessiBe afin que votre site Web PME soit accessible au public le plus large possible, quelles que soient les capacités et les circonstances de l’utilisateur.

outil d’audit d’accessibilité Web aCe

Rendre votre site Web accessible commence par comprendre les éléments, le contenu, la mise en page, etc., qui empêchent les personnes handicapées d’utiliser votre site efficacement.

accessiBe vous aide à évaluer votre site Web pour les problèmes d’accessibilité avec un outil d’audit appelé aCe. Il vous permet d’évaluer le niveau de conformité WCAG 2.1 de votre site.

Entrez votre domaine et l’outil analysera votre site Web. Ensuite, il évaluera votre site en fonction du niveau d’accessibilité de ses éléments cliquables, titres, menus, graphiques et plus encore.

En plus d’une réponse claire indiquant si vous êtes conforme, aCe fournit des recommandations complètes pour vous aider à résoudre les problèmes d’accessibilité de votre site et à atteindre la conformité WCAG 2.1 et ADA.

aCe identifie vos problèmes d’accessibilité, vous montre l’exigence WCAG 2.1 pour résoudre les erreurs et fournit des suggestions spécifiques pour vous aider à affiner les éléments de votre site Web pour la conformité.

L’outil vous fournit un rapport rapide, gratuit et précis pour évaluer le niveau de conformité de votre site Web, y compris des étapes spécifiques pour vous aider à combler vos lacunes en matière d’accessibilité et à vous conformer à la législation.

Interface d’accessibilité

accessiBe a deux composants différents qui fonctionnent simultanément pour rendre votre site Web conforme ADA et WCAG 2.1 Niveau AA et AAA: les applications de premier plan et d’arrière-plan.

L’application de premier plan accessiBe est principalement concernée par l’interface utilisateur.

Il permet aux personnes ayant des déficiences cognitives, des déficiences visuelles, etc., d’ajuster la mise en page, la lisibilité et d’autres éléments de l’interface utilisateur de leur site Web pour répondre à leurs besoins spécifiques.

Voici un aperçu détaillé des fonctionnalités de l’interface d’accessibilité d’accessiBe.

Profil d’accessibilité

La dernière fonctionnalité d’interface d’accessiBe permet aux utilisateurs de votre site Web de choisir des profils d’accessibilité prédéfinis.

En un seul clic, les utilisateurs peuvent activer des profils de handicap sans danger pour l’épilepsie, les malvoyants, compatibles avec le TDAH et autres qui leur fournissent des ajustements massifs pour faciliter la navigation et l’utilisation du site Web.

Chaque profil active une combinaison de diverses options d’accessibilité couvrant six catégories de handicap en un seul clic.

• Profil d’utilisateur aveugle pour les utilisateurs de lecteurs d’écran. L’activation de ce profil ajuste votre site Web pour qu’il soit compatible avec les logiciels de lecture d’écran tels que VoiceOver et JAWS.

• Profil de navigation au clavier pour les personnes ayant des problèmes de moteur. Les personnes handicapées motrices peuvent activer ce profil pour naviguer sur leur site Web à l’aide de l’ onglet clavier , Maj + Tab , la touche Entrée et d’autres touches de raccourci.

• Profil de handicap cognitif. Les utilisateurs ayant des troubles cognitifs, tels que la dyslexie, l’autisme, etc., peuvent activer ce profil pour les aider à se concentrer facilement sur les éléments clés de leur site Web.

L’exemple suivant montre à quoi ressemble la page d’accueil du site Web avant que les utilisateurs n’activent le profil de handicap cognitif.

Et voici à quoi ressemblera le site lorsque les utilisateurs activeront le profil de handicap cognitif.

L’activation du profil met en évidence tous les éléments cruciaux du site Web, tels que le menu, y compris les autres composants cliquables, et transforme le curseur en une ligne bleue épaisse.

Cela aide les utilisateurs souffrant de troubles cognitifs à comprendre les expressions, les connexions et les mots de vos pages Web, leur permettant de naviguer efficacement sur votre site.

• Profil de la déficience visuelle. En activant ce profil, votre site Web est ajusté pour être accessible aux personnes ayant des déficiences visuelles telles que la vision tunnel, le glaucome, les troubles de la vue et autres.

• Profil favorable au TDAH. Ce profil réduit automatiquement le bruit et les distractions sur votre site Web afin que les utilisateurs souffrant de troubles neurodéveloppementaux et de TDAH puissent lire, naviguer et se concentrer efficacement sur les éléments cruciaux du site.

C’est ainsi que votre site Web est présenté aux utilisateurs lorsqu’ils activent le profil.

L’activation du profil sécurisé TDAH active le masque de lecture qui met en évidence les zones de votre page Web où les utilisateurs déplacent le curseur.

Cela permet de réduire ou de désactiver les éléments distrayants du site Web, permettant à vos visiteurs de naviguer efficacement sur votre site.

• Profil sûr pour l’épilepsie. Le profil permet aux personnes atteintes d’épilepsie d’utiliser votre site Web en toute sécurité en supprimant ou en désactivant des éléments du site qui peuvent déclencher des crises, comme des animations clignotantes ou clignotantes.

Les utilisateurs de votre site Web peuvent également activer des fonctionnalités d’accessibilité supplémentaires en plus de leurs profils choisis à l’aide d’autres outils de réglage de l’interface.

Paramètre de contenu

La fonction d’ajustement du contenu d’accessiBe permet aux utilisateurs d’ajuster l’affichage, l’apparence générale et le contenu de leur site Web.

Les personnes ayant une déficience visuelle, comme une vision floue, peuvent mettre à l’échelle le contenu de leur site, changer leur texte en une police lisible, mettre en évidence les titres et les liens, agrandir le texte, ajuster la taille de la police, la hauteur des lignes, l’espacement entre les lettres et plus encore.

Par exemple, les personnes qui ont du mal à voir les petits textes et images peuvent ajuster la taille de la police, l’espacement, etc. pour lire et comprendre plus facilement son contenu.

Ces paramètres améliorent la lisibilité de votre site en fonction des préférences d’affichage du contenu des utilisateurs individuels et sont adaptés à leurs handicaps spécifiques.

Paramètres de couleur

Les jeux de couleurs de votre site Web peuvent rendre difficile pour les personnes daltoniennes et photosensibles de lire votre contenu et de voir les éléments cruciaux du site comme les boutons, les menus, les liens et autres.

Les utilisateurs souffrant de ces handicaps peuvent choisir des profils de contraste de couleur lors de la consultation de votre site Web, y compris les paramètres de couleur sombre, clair, monochrome et inversé.

La fonctionnalité permet également aux utilisateurs d’échanger les schémas de couleurs des arrière-plans, des textes et des titres avec sept options de couleur différentes.

La fonction de réglage des couleurs permet aux personnes ayant divers degrés de daltonisme d’effectuer leurs réglages de couleur préférés pour rendre visibles les liens et les boutons de leur site Web.

Cela permet d’améliorer l’expérience utilisateur et vos opportunités de vente et de conversion. Il permet également aux utilisateurs de naviguer facilement sur votre site Web avec des arrière-plans blancs.

Paramètres d’orientation

L’interface d’accessibilité rend votre site Web facilement navigable et accessible en fournissant aux utilisateurs du site des éléments de guidage et en leur permettant d’utiliser des raccourcis de navigation (entre autres).

Les personnes atteintes de trouble d’hyperactivité avec déficit de l’attention (TDAH) peuvent trouver difficile de naviguer efficacement sur leur site Web s’il y a trop d’éléments distrayants tels que des sons, des animations et autres.

Une option qui permet aux utilisateurs de réduire le bruit et d’autres composants du site Web aide les personnes atteintes de TDAH et d’autres troubles neurologiques à se concentrer lors de la navigation sur votre site Web, ce qui leur permet d’utiliser votre site efficacement.

Les utilisateurs peuvent également effectuer d’autres ajustements d’orientation, notamment l’activation d’un clavier virtuel, la mise en évidence de la mise au point et du défilement, le choix d’un grand curseur noir et blanc, le passage à des liens spécifiques pour une navigation rapide, etc.

Les utilisateurs peuvent également désactiver les sons pour minimiser les distractions et désactiver les animations et les images clignotantes pour réduire les déclencheurs potentiels de crises chez les personnes atteintes d’épilepsie et de photosensibilité.

Autres fonctionnalités clés de l’interface d’accessibilité

L’interface comprend également d’autres outils de réglage qui peuvent offrir aux utilisateurs de votre site Web une expérience d’accessibilité plus personnalisée.

• Dictionnaire intégré. Les personnes atteintes de troubles cognitifs peuvent trouver difficile de comprendre une langue, un jargon ou des phrases en particulier.

Le dictionnaire intégré leur permet de trouver facilement la signification des mots, sans avoir à ouvrir une autre fenêtre ou à passer à un autre site Web.

• Options de langue. Les utilisateurs peuvent choisir parmi douze langues d’interface différentes.

• Réinitialiser les options. Les visiteurs du site Web peuvent revenir aux paramètres par défaut de l’interface d’accessibilité en un seul clic s’ils souhaitent recommencer avec les paramètres.

L’interface d’accessibilité d’accessiBe permet de rendre votre site Web conforme aux normes ADA et WCAG 2.1 niveau AA, en fournissant les paramètres nécessaires aux personnes handicapées pour utiliser efficacement votre site.

Application d’arrière-plan basée sur l’IA

Le deuxième composant d’accessiBe est l’application d’arrière-plan qui utilise la technologie d’intelligence artificielle pour aider à optimiser en permanence le niveau d’accessibilité de votre site Web.

AccessiBe AI analyse votre site Web à travers un processus de compréhension contextuelle.

Apprenez et comprenez le but et la fonction de tous les éléments de votre site, y compris les fenêtres contextuelles, les menus, les menus déroulants, etc., et effectuez les ajustements d’accessibilité nécessaires.

L’intelligence artificielle résout les problèmes HTML de votre site Web et adapte le comportement et les fonctionnalités de votre site aux lecteurs d’écran utilisés par les personnes aveugles et à la navigation au clavier pour les utilisateurs handicapés moteurs.

Voici un aperçu du fonctionnement de l’application d’arrière-plan accessiBe et de la manière dont vous pouvez rendre votre site Web accessible et conforme aux normes ADA et WCAG 2.1 niveau AA.

Optimisation du lecteur d’écran

Le processus d’arrière-plan accessiBe apprend tous les composants de votre site Web pour fournir un logiciel de lecture d’écran avec un contexte complet et des descriptions précises.

Il utilise la technique ARIA ( Accessible Rich Internet Applications ) et différents changements de comportement pour s’assurer que les utilisateurs aveugles équipés de lecteurs d’écran peuvent lire, comprendre et accéder aux fonctions de son site.

L’application d’arrière-plan accessiBe utilise le jeu d’attributs ARIA pour fournir des descriptions des icônes exploitables (c’est-à-dire des icônes de recherche et sociales), des étiquettes de formulaire, des rôles d’élément, etc.

Cela fournit aux lecteurs d’écran des descriptions précises et significatives.

Par exemple, une icône Instagram sur votre site Web contient un lien simple, et comme les lecteurs d’écran ne peuvent pas voir l’icône, il ne la «lira» que comme un « lien », sans expliquer son but ou sa fonction.

Lorsque accessiBe est activé sur votre site Web, il modifie automatiquement la balise de lien de votre icône Instagram et ajoute une balise ARIA afin que les lecteurs d’écran la «lisent» désormais comme un « lien Instagram » au lieu d’un simple lien.

Cela fournit un contexte, des descriptions et une accessibilité adéquats aux utilisateurs aveugles qui utilisent des lecteurs d’écran lors de la navigation sur votre site Web, améliorant considérablement l’expérience utilisateur.

accessiBe utilise également les attributs ARIA pour corriger les formulaires de votre site Web.

Il utilise l’IA pour «apprendre» les étiquettes, les validations et les objectifs de chaque champ de formulaire et utilise l’API de validation déjà accessible depuis le navigateur avec les attributs ARIA.

Cela permet aux lecteurs d’écran de lire et de publier des messages, des exigences de formulaire et des erreurs avec précision.

Une autre caractéristique cruciale de l’application d’arrière-plan accessiBe est sa capacité à fournir aux lecteurs d’écran des descriptions significatives des images de votre site Web.

AccessiBe AI utilise les technologies IRIS et de reconnaissance optique de caractères (OCR) pour numériser toutes vos images Web et fournir aux lecteurs d’écran des descriptions d’images basées sur la reconnaissance d’objets sous la forme de balises ALT (Alternative Text Image). .

L’IA extrait les textes intégrés dans l’image et attribue automatiquement les étiquettes de texte alternatif lors de «l’apprentissage» de votre image.

Dans l’image ci-dessous, AccessiBe AI créerait une autre étiquette de texte qui se lit comme suit: «Texte de l’image: 30% de réduction pour tous les travailleurs de la santé et premiers intervenants américains». Et une description de ce qui est sur l’image.

Cela donne aux utilisateurs de lecteurs d’écran le contexte complet de votre site Web, y compris le sujet des bannières et du texte promotionnel.

Les utilisateurs recevront immédiatement une invite lors de l’accès à votre site Web pour activer la fonction de profil et de lecteur d’écran pour une navigation facile et efficace pour les utilisateurs aveugles.

Les utilisateurs peuvent également activer les paramètres du lecteur d’écran (compatible avec les logiciels de lecture d’écran courants tels que NVDA et JAWS) à tout moment en appuyant sur Alt + 1 sur le clavier.

Optimisation de la navigation au clavier

Le processus d’arrière-plan accessiBe ajuste le code HTML de votre site Web et, à l’aide du code JavaScript, ajoute différents comportements pour rendre votre site navigable au clavier.

Cela permet à vos utilisateurs de naviguer à travers votre site en utilisant l’ onglet et Maj + Tab touches , faites défiler les menus déroulants et des listes avec les touches fléchées, activer les liens et les boutons avec la Entrée clé , près des pop-ups à l’ aide du CES clé , et d’ autres. .

Lorsque les visiteurs parcourent votre site et activent la navigation au clavier AccessiBe, le menu, l’icône, le contenu et plus encore sont mis en surbrillance pour indiquer où se trouvent les utilisateurs sur la page.

D’autres options de navigation au clavier permettent aux utilisateurs du clavier de se déplacer entre la case à cocher et les éléments radio à l’aide des touches fléchées et de les compléter avec les touches Entrée ou la barre d’espace .

Menu de navigation rapide

Les utilisateurs de clavier peuvent activer les menus de navigation rapide et ignorer le contenu en cliquant sur les touches Alt + 1 .

Le processus d’arrière-plan accessiBe prend également en charge les pop-ups déclenchés. Déplace le focus du clavier vers la fenêtre contextuelle lorsqu’ils apparaissent et empêche le focus de s’en éloigner.

Les visiteurs de votre site Web peuvent également utiliser des raccourcis clavier, comme appuyer sur «H» pour accéder aux titres, «F» pour les formulaires, «M» pour les menus et «G» pour accéder aux graphiques, etc. éléments spécifiques.

L’application d’arrière-plan accessiBe fonctionne simultanément avec l’application de premier plan lors de vos déplacements sans qu’il soit nécessaire de coder manuellement les paramètres d’accessibilité pour la conformité.

Des prix

accessiBe propose quatre plans tarifaires basés sur le nombre de pages Web uniques et comprend un essai gratuit de sept jours.

Le niveau le plus bas est le