18-tips-to-boost-your-website-accessibility

Une feuille de route pour un site E-commerce très accessible

Avoir un site de commerce électronique avec un accès pathétique à ses clients ciblés est comme avoir une bonne voiture à la recherche qui ne dispose pas d’ un moteur performant. Personne ne souhaite visiter un site Web qui prend trop de temps pour charger correctement et frustre souvent un utilisateur. Si vous voulez améliorer le sort de votre entité commerciale, vous devez travailler à l’ amélioration de l’ accessibilité de votre site pour les taux de conversion et brillant ventes de produits. Avec le soutien d’une conception efficace de site de commerce électronique, transparente navigation sur le site, processus plus rapide de votre commande, le site impressionnant temps de chargement et de performance, vous pouvez facilement atteindre le succès remarquable en termes de trafic du site, taux de conversion, l’ engagement des clients et des ventes de produits. Voici un compte rendu détaillé de ce que tous les ingrédients sont nécessaires pour une accessibilité des sites Web de l’ esprit souffle.

1. Améliorer la portée et la qualité de Material- textuelle

Tout site Web sans contenu ou d’un texte impressionnant et intéressant est tout simplement inutile. De plus, les algorithmes récents Google comme Panda, Colibri et d’autres ont le temps et ont prouvé à nouveau la supériorité du contenu pour générer le trafic du site requis et les taux de conversion. Rappelez-vous d’accorder une attention suffisante quant au contenu ainsi que des graphiques ou des images pour augmenter le nombre de lecteurs de votre contenu écrit. Jetez un oeil sur les différentes manières par lesquelles vous pouvez accomplir cette tâche cruciale en toute transparence.

– Utiliser des images optimisées de haute qualité pour augmenter la valeur et l’attrait de votre contenu écrit. En outre, utiliser la balise image effective alt avec la légende et une description pour améliorer la convivialité de référencement de votre contenu.

– Offre de courtes vidéos de haute qualité avec votre contenu ( vidéo produit ) pour rendre le contenu en plus attrayante et vaut la peine.

– Exploitez un contenu audio alternative efficace qui ne touche pas la performance globale et le temps de chargement de votre site Web.

– Utiliser les services d’un relevé de notes de texte brut ou flux RSS pour rendre le contenu du site disponible à un grand nombre de visiteurs.

– Inclure une légende fermée pour optimiser l’expérience vidéo de vos clients ciblés.

2. Utiliser façons de lire le contenu de votre clients- ciblée

Il y a de nombreuses personnes qui peuvent ne pas être en mesure de lire votre contenu du site correctement en raison d’une déficience visuelle, la petite taille de la police ou le type de police illisible de votre texte écrit. Pour assurer une accessibilité du site transparent à ce type de clients, il est obligatoire d’avoir une version audio de votre contenu de la page et le site. Ce fichier audio enregistré peut facilement transmettre le message écrit de votre site Web et ses pages internes à vos clients ciblés. En dehors de cela, il existe plusieurs logiciels de lecture d’écran comme Narrateur Microsoft, JAWS de Freedom Scientific, VoiceOver pour les systèmes Mac, Orca (open source) pour les systèmes basés sur Unix, NVDA (open source), Dolphin Supernova par Dolphin et divers tels autres.

3. Prendre des mesures nécessaires pour améliorer votre navigation sur le site ( enparticulier les formes) – A quoi bon d’un site Web si elle ne permet pas aux visiteurs de naviguer à travers elle d’une manière transparente? Ce serait un gaspillage pur de votre temps, argent et efforts si la navigation sur votre site Web est une tâche difficile. Il peut y avoir de nombreux facteurs sur votre site qui peut agir comme un obstacle majeur dans la navigation sans faille de votre site Web. Vous devez accorder une attention particulière à ces éléments de site particulier comme les formulaires d’inscription, page de paiement, des images, des vidéos, des liens et d’ autres domaines pour assurer la navigation sans effort de votre site Web.

Parmi eux, les formes sont considérés comme ayant un effet drastique sur les performances du site et la navigation. Vous devez éliminer les champs inutiles, des étiquettes illogiques et d’autres facteurs tels que les visiteurs puissent remplir vos formulaires du site sans hoquet. De plus, vous devez éviter les restrictions liées temps et utiliser des titres appropriés pour votre contenu sur votre site Web pour faciliter une navigation plus rapide. Pour augmenter l’accessibilité de vos formulaires du site, vous devez effectuer les étapes suivantes.

– Utilisez une étiquette bien positionnée et descriptive avec chaque champ dans votre formulaire.

– Pour établir une relation efficace entre le texte de l’étiquette et champ de formulaire, vous pouvez utiliser une balise <label> ou une propriété <ARIA>.

– Assurez-vous que l’ordre de tabulation de votre formulaire est à une bonne synchronisation avec l’ordre des champs de formulaire.

– Pour des domaines similaires ou connexes sous une forme, vous pouvez les regrouper en utilisant les fieldsets. Prenons, par exemple, les champs comme « Nom de la rue / Localityâ € ??, « Village / CITYA € ?? et « État / Provinceâ € ?? peuvent être combinés ensemble sous un seul domaine de la « correspondance AddressA € ??.

– informer les utilisateurs sur les champs obligatoires dans votre formulaire grâce à l’aide d’astérisques symbole (*). En dehors de cela, vous pouvez rendre les champs souhaités obligatoires en utilisant la propriété ARIA. Utilisez ARIA nécessaire = â € ?? trueâ € ?? pour les champs de formulaire obligatoire et ARIA requis = â € ?? falseâ € ?? si le champ est facultatif dans la nature.

– Fournir des informations à la clientèle en ce qui concerne la soumission réussie de leur forme ou de toute soumission erreurs liées. Afficher les erreurs sur la place et la position pertinente sur votre formulaire pour augmenter les chances de résolution d’erreur plus rapide qui peut aider à la soumission du formulaire rapide.

– Eviter l’utilisation des codes CAPTCHA pour une validation en raison de leurs problèmes de l’ inaccessibilité et de performance. Il existe d’ autres alternatives comme doux Captcha , PlayThru, NuCaptcha , cases à cocher côté client JavaScript et les autres qui peuvent être utilisés pour la validation des données de formulaire. Pour comprendre plus de faire vos formes sans spam, vous pouvez consulter cette lien- https://webaim.org/blog/spam_free_accessible_forms/ .

4. Sélectionnez la couleur qui est en résonance avec votre contenu du site, des images, des arrière-plans et d’autres tels éléments-

Pour assurer la lisibilité efficace de votre site Web, il est important de choisir la couleur appropriée pour votre arrière – plan et des éléments de premier plan. Rappelez – vous, d’utiliser une couleur contrastée pour votre texte et son arrière – plan pour une meilleure accessibilité de votre site Web. Méfiez – vous d’utiliser des couleurs similaires tant pour le texte et le fond de votre site comme en utilisant la couleur de texte en noir avec le violet, brun ou toute autre couleur foncée affectera la facilité d’ utilisation de votre site dans une large mesure. Le rapport de contraste normal tout en utilisant la couleur pour votre arrière – plan et les éléments de premier plan devrait être d’ environ 7: 1 , mais même un rapport de contraste de 4,5: 1 fera également la justice à la visibilité de votre contenu et assurera l’ accessibilité efficace de votre site concerné. Vous pouvez vérifier la combinaison de couleurs à l’aide d’  un test / b et outils heatmap . Par ces outils , vous serez en mesure de connaître les zones les plus efficaces et les zones les moins efficaces et apporter les changements nécessaires sur le site.

5. Assurez-vous de la taille de la police appropriée de votre Content-

Il serait pratiquement immature et naïf de penser à vos lecteurs d’avoir une vue d’oeil exceptionnel de 6/6 afin qu’ils puissent lire sans effort le petit contenu de la taille de la police sur votre site Web. Ne faites pas vos clients à lutter trop en lisant le contenu de votre site web. Pour faciliter une accessibilité sans faille à votre contenu de site Web, vous devez utiliser des tailles de police relatives qui sont exprimés en termes de pourcentages ou ems plutôt que d’utiliser des tailles de police absolues qui sont exprimées en termes de points ou pixels. En raison de cette pratique ci-dessus, il est pratiquement beaucoup plus facile pour les utilisateurs d’effectuer des changements désirés dans les tailles de police selon leurs besoins et de la vue des yeux. Ainsi, il est la nécessité de l’heure de se concentrer sur la taille de la police aussi, et pas seulement sur l’amélioration de l’attrait visuel de votre site Web.

6. Le rôle de la technologie d’assistance sur le site Accessibilité-

La technologie d’aide également connue sous le nom de la technologie Adaptive (AT) est en fait une bénédiction pour les personnes ayant divers types de handicaps liés à des troubles visuels, de la parole, cognitif, moteur ou d’autres physiques et mentales pour accéder aux différentes zones d’un site sans effort qui utilisent précise mouvement de la souris, de positionnement ou de clics. La technologie représente un groupe d’appareils fonctionnels, d’adaptation et de réadaptation qui sont destinés aux personnes ayant différents handicaps ainsi que le processus qui est impliqué dans la localisation, la sélection et l’utilisation de ces appareils. Cette technologie a fourni un grand sens de la liberté de toutes les personnes handicapées grâce à l’aide de diverses améliorations qui ont changé la façon dont ces gens avaient l’habitude d’interagir avec différents appareils numériques.

Divers appareils tels que les lecteurs d’écran, système braille, logiciel d’agrandissement de l’ écran, le logiciel de reconnaissance vocale, l’ accès de commutation et d’ autres comme l’ ont fait un travail formidable en fournissant un accès aux sites Web transparent aux personnes ayant divers types de handicaps. Pour plus d’ informations sur les différents types de technologies d’ assistance qui agissent comme guidage de la lumière pour les personnes handicapées, tout ce que vous devez faire est de suivre tout ce simple lien .

7. Améliorer la performance et de la nature de votre liens- Pour diriger plus de personnes sur l’emplacement de votre choix de vos liens, assurez – vous que vos liens ont une étiquette appropriée et la couleur pour indiquer vos clients ciblés à leur sujet. Utilisez un plus basé sur du texte contextuel que ces phrases simples comme « cliquez hereâ € ??, « lire Morée € ??, « savoir Morée € ?? et d’ autres déclarations qui peuvent inciter vos clients ciblés à cliquer sur un lien particulier. De plus, choisir la bonne couleur pour votre lien pour attirer l’ attention de la clientèle et l’ accessibilité des liens.

8. Utilisez HTML pour améliorer l’accessibilité de votre tableau DATA- faire un point d’utiliser uniquement HTML pour les tables de données au lieu d’utiliser les images. Cette approche sera extrêmement utile pour les visiteurs qui utilisent les technologies d’ assistance pour accéder au contenu de la table. De plus, essayez d’inclure les en- têtes de colonne appropriées pour améliorer l’accessibilité du contenu de votre table. Il est également conseillé de ne pas utiliser sous forme de tableau pour la mise en page ou la structure car il provoque des problèmes dans l’efficacité du accédant contenu.

Pour rendre vos tableaux de données plus accessibles à vos utilisateurs, vous devez marquer vos cellules d’en-tête de table efficacement. En dehors de cela, vous devez utiliser la valeur d’attribut de champ pour l’en-tête de colonne associée ou en-tête de la ligne de votre table. Si vous voulez améliorer l’accessibilité de votre « dateâ € ?? champ dans votre table, vous devez changer <td> Date </ td> à <th scope = » col »> Date </ th> dans votre partie de codage. De plus, afin d’informer les utilisateurs sur votre table de données, vous devez inclure une légende de description pertinente ou d’une table à l’aide de <caption> balise. Par exemple,

<Table>

<Caption> Horaire des cours </ caption>

<Tr> ….

9. Vérifiez l’accessibilité de votre page grâce à l’utilisation de onde

Accessibilité du Web outil d’évaluation (WAVE) est un outil remarquable qui peut aider les développeurs web pour améliorer l’accessibilité de leur site Web. Cet outil d’évaluation de site Web fournit des informations cruciales et des commentaires sur l’accessibilité de votre page en entrant l’URL de votre page Web sur l’outil vague page d’accueil. Si vous avez des doutes, des interrogations et des préoccupations au sujet de cet outil d’évaluation du site, faire vérifier ce lien utile, https://wave.webaim.org/help. De plus, les premiers utilisateurs de temps qui ne sont pas familiers avec cet outil d’accessibilité et d’évaluation site web d’avant-garde peuvent prendre l’aide de ce lien pour obtenir les connaissances nécessaires sur la vérification de l’accessibilité de leur site Web. D’autres outils en plus WAVE qui peuvent être le fil conducteur pour améliorer l’accessibilité de votre site sont CynthiaSays, Tenon et bien plus encore.

10. Travailler à rendre votre contenu téléchargeable accessible à votre cible clients- Il serait dans l’intérêt de votre site si vous pouvez prendre les mesures nécessaires pour rendre votre contenu téléchargeable sur votre site , comme la documentation des termes et conditions, manuel d’utilisation du produit, catégorie de produits spécification ou tout autre document accessible à vos utilisateurs intéressés. Ne pas les faire à errer ici et là à la recherche de logiciels nécessaires pour accéder à un document particulier , mais ne garantissent pour rendre votre contenu téléchargeable accessible via le logiciel disponible commun. Utilisez toujours séparées par une virgule ou onglet fichiers délimités, des fichiers PDF et autres formats qui ne ont pas besoin de logiciels propriétaires sous licence auprès du fournisseur concerné. Pour rendre votre contenu accessible par le format PDF, vous devez suivre les différentes directives qui sont mentionnées dans ce lien crucial, https://webstandards.sonoma-county.org/content.aspx?sid=1014&id=1123.

11. Utiliser les services d’ARIA landmarks-

Merci à l’introduction des nouvelles applications Internet enrichies accessibles (ARIA), une spécification du Wide Web Consortium (W3C) qui est un organe directeur Web mondial, les applications Web peuvent désormais être facilement interagi et partagé par le clavier. Vous pouvez facilement rendre votre site plus convivial navigation au clavier grâce à l’utilisation des rôles historiques ARIA. Tous, vous devez faire est de simplement ajouter un attribut HTML pour l’un des rôles historiques, disons par exemple le rôle = â € ?? navigationâ € ??, role = â € ?? Maina € ?? ou rôle = â € ?? SEARCHà € ?? pour diriger l’utilisateur vers la section particulière de la page par une seule touche. Laissez-nous vérifier ce code HTML qui peut ajouter l’attribut rôle historique approprié sur le « Maina € ?? et « SEARCHà € ?? section d’un site Web.

<Div id = rôle » Maincontent » = » principale »>

<Form action = » search.php » role = » search »>

12. Apprenez à utiliser les services de Learning Management Systems (LMS) et contenu dessystèmes de gestion pour accroître l’ accessibilité de votre site web- pour améliorer l’accessibilité de votre site de commerce électronique, vous devez bénéficier des services d’une des plates – formes efficaces de commerce électronique qui se composent de nombreuses fonctionnalités . En dehors de cela, vous pouvez prendre les services de divers systèmes de gestion de contenu tels que WordPress , Joomla , Drupal et autres pour fournir un accès facile à de nombreux thèmes, modèles, plugins de commerce électronique et d’ autres options. Plugins sont vus fournir un niveau d’accessibilité de pointe, les performances et la facilité d’ utilisation d’un site Web pour améliorer la performance globale d’un site Web.

Cependant, assurez-vous que vous prévaloir les compétences d’un des services de conception et de développement comme plug-in exceptionnel Knowband qui a des années d’expérience dans ce domaine. Certains des superbes plugins fournis par celle-ci sont les suivantes:

Magento Certaines des étonnantes extensions de Magento qui sont fournis par Knowband sont Magento Abandoned panier, Magento Auto Abonnez – vous, Magento une page Supercheckout, Magento Google Analytics Ecommerce amélioré et bien plus encore.

OpenCart Voici quelques – unes des extensions OpenCart  qui peuvent aider à améliorer la productivité de votre magasin OpenCart dans une large mesure. Ils sont OpenCart Ajax Panier +, OpenCart One Page Supercheckout Pro, OpenCart Loginizer sociale, OpenCart Alerte prix et les autres.

PrestaShop Si vous avez un magasin de PrestaShop, ce sont quelques – unes des PrestaShop Addons  qui peut être le changeur de jeu pour votre boutique en ligne et peut améliorer l’accessibilité et la performance de votre site Web. Jetez un oeil à ces plug – ins qui sont PrestaShop Abandonnée Panier, PrestaShop Retour Manager PrestaShop One Page Supercheckout et bien d’ autres.

13. Améliorer la portée de votre site web sur différents Périphériques- mobiles basés

En raison de l’augmentation constante du nombre de clients mobiles, il est de la seule responsabilité de chaque entité commerciale en ligne pour rendre son site Web accessible à différents appareils mobiles disponibles. Utilisez divers outils tels que l’ergonomie mobile, test de mobile convivial, PageSpeed Insights, test de vitesse du site Pingdom et d’autres outils de référencement mobile pour améliorer les performances de votre site Web mobile. Si vous voulez en savoir plus sur la façon d’améliorer vos résultats SEO mobiles, ne visitez ce lien informatif. De plus, l’utilisation des services de réseau de diffusion de contenu (CDN) ainsi que le format d’image WebP pour le navigateur Google Chrome peut faire un effet significatif sur l’accessibilité de votre site web sur différents appareils mobiles basés.

14. Faire usage du texte proprement dit alt pour images- Bien, il est dit que « Une image peut dire mille mots itselfâ € ?? mais ces images ont besoin du soutien de texte Alt pour aider l’ utilisateur à comprendre l’intention correcte ou un message derrière ces images. De plus, ces textes alt devient beaucoup plus utile tout en utilisant une image d’ information comme infographies. Il est à noter que le message qui doit être transmis avec une image particulière doit être utilisé dans le texte alt de cette image. De même, si l’image concernée se compose d’un texte, ce texte particulier devrait également être inclus dans le texte alt. Assurez – vous que les images utilisées comme liens sont fournis avec le texte alt approprié afin que le lecteur d’écran peut lire le message associé de l’ image plutôt que de lire le nom du fichier de votre image. Voici l’exemple de code sur la façon dont un attribut alt peut être utilisé dans une image pour améliorer son attrait et la compréhension entre les clients ciblés.

<Img src = » webaimlogo.jpg » alt = » WebAIM – Accessibilité Web à l’esprit »>

Cependant, vous pouvez laisser le texte alt vide pour vos images si l’image est purement utilisée à des fins de décoration de fantaisie que cela prendra au centre de vos clients loin de l’image concernée.

15. Prendre les mesures nécessaires pour rendre votre site plus accessible grâce à Keyboard-

Il existe de nombreux utilisateurs qui aiment naviguer sur un site Web particulier grâce à l’utilisation des touches de raccourci du clavier ou des touches d’accès. Ces clés d’accès sont des éléments HTML qui ne sont pas utilisés efficacement au cours du processus de développement de sites web pour assurer un accès transparent à certaines sections du site Web par le biais du clavier. Pour utiliser les services de clés d’accès, vous devez suivre ces étapes.

– Appuyez sur la touche de fonction (Alt en cas de Windows et Ctrl si le système est un Mac) ainsi que la lettre spécifique ou touche numérique qui est associé à une section particulière du site.

De plus, les programmeurs peuvent facilement ajouter la fonctionnalité des clés d’accès sur leur site Web en ajoutant un simple code HTML dans la balise d’ancrage de navigation de leur site concerné. L’exemple de code est comme indiqué ci-dessous.

<a href=”index.html” accesskey=”1″> Accueil </a>

Cependant, ce qui limite l’utilisation des clés d’accès au niveau mondial est qu’il n’y a pas de jeu universel de ouches assignées qui peuvent être utilisées pour la mise en œuvre de la fonctionnalité des clés d’accès sur un site Web. En dehors de cela, il n’y a pas un tel mécanisme par lequel les utilisateurs peuvent être informés sur les touches du clavier qui sont utilisées en tant que touches d’accès pour naviguer dans un site. Mais, il y a certains pays comme au Royaume-Uni où l’autorité concernée a recommandé un ensemble de clés d’accès qui peuvent être attribués pour une navigation sur le site sans faille par le clavier. Voici une liste des clés d’accès.

S – Passer la navigation

1 – Page d’accueil

2 – Nouvelles / Mises à jour

3 – Plan du site

4 – Recherche

5 – Foire Aux Questions (FAQ)

6 – Aide

7 – Procédure relative aux plaintes

8 – Conditions

9 – Formulaire de commentaires

10 – accès à l’information clé

16. Inclure rubriques correctement pour l’ organisation de votre structure- de contenu Pour un accès transparent au contenu de votre site, faire usage de la structure de cap. Utilisez les balises de titre HTML comme <h1>, <h2>, <h3> et d’ autres sur le lieu approprié dans votre contenu pour l’organisation efficace de votre contenu et pour une meilleure lisibilité. Suivez l’ordre de vos rubriques et garder présentation loin de la structure de tête grâce à l’utilisation de CSS. Certaines des lignes directrices qui doivent suivre tout en créant une nouvelle classe CSS pour votre contenu sont les suivants.

– Toujours utiliser la balise <h1> pour le titre principal de la page. Gardez balise <h1> réservée au titre titre du site et d’autres pages.

– Inclure rubriques pour l’indication correcte et l’organisation de la structure de votre contenu.

– Suivre un ordre approprié tout en utilisant les titres et ne jamais sauter de <h1> à <h3> rubrique tag directement car il donne un sentiment d’être aux lecteurs que certains contenus en particulier manque au milieu.

17. Faire usage d’index de tabulation pour la navigation transparente autour de votre site web-

Pour DETERMINATION le bon ordre de la navigation autour des champs de formulaire à l’aide de la touche de tabulation, il est important d’utiliser les index de tabulation. Cette fonction joue un rôle clé lors de la navigation autour des formes sur un site. Toutefois, si la conception de votre page est équipée d’ordre logique approprié et une forte hiérarchie en raison de la présence des titres et des sous-titres, il n’y a pas grand-chose à se soucier de cet indice onglet.

Comme, les formes se composent de nombreux petits éléments tels que des cases à cocher et des boutons radio qui a besoin de positionnement précis de la souris et cliquez par les humains, effectuer la même chose serait difficile pour une personne handicapée moteur. Dans des situations comme celle-ci, la vie de ces personnes peut être un grand soulagement si une indexation onglet appropriée est effectuée sur le formulaire qui peut permettre à l’utilisateur d’interagir avec chaque élément de forme par des traits simples du clavier. De plus, cette fonction sera beaucoup plus pratique pour les gens qui n’utilisent pas un

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *