En tant que développeurs et propriétaires de magasins en ligne, nous considérons généralement lamp;rsquoaccessibilité comme une récompense. Mais camp;rsquoest une demande! Chaque partie du site Web doit être considérée du point de vue de tous les visiteurs, quel que soit leur âge, leurs capacités ou leur handicap. Après tout, il est important que tout le monde puisse facilement utiliser votre magasin et acheter vos produits. En fin de compte, le contenu accessible est défini comme: perceptible. Toutes les informations doivent être présentées damp;rsquoune manière qui soit perçue par lamp;rsquoutilisateur, quel que soit le type de programme utilisateur (navigateur, lecteur damp;rsquoécran ou autre logiciel) quamp;rsquoil utilise et quel que soit son handicap. Opérationnel. Les visiteurs doivent être en mesure de parcourir le site et damp;rsquoutiliser toutes les fonctionnalités, même samp;rsquoils namp;rsquoutilisent pas la souris traditionnelle. Camp;rsquoest compréhensible. Le contenu, les formulaires, les menus, les liens et les autres composantes du site Web doivent être faciles à comprendre par les utilisateurs. Robuste Divers outils, dont un lecteur damp;rsquoécran, un logiciel de reconnaissance vocale et un lecteur braille, devraient pouvoir lire votre contenu. Mais comment lamp;rsquoaccessibilité devient elle une partie essentielle du processus de développement? Quels sont les facteurs à prendre en considération et comment les magasins existants samp;rsquoadaptent ils? Quels outils peuvent être utilisés pour tester lamp;rsquoaccessibilité Web?
Vous trouverez ci dessous des réponses à toutes ces questions, mais si êtes intéressé à mieux comprendre pourquoi lamp;rsquoaccessibilité est si importante, veuillez vérifier lamp;rsquoimportance de lamp;rsquoaccessibilité pour votre boutique en ligne. Faire de lamp;rsquoaccessibilité le Centre damp;rsquointérêt des sites Web accessibles commence par la bonne mentalité. Il est important de faire participer tout le monde développeurs, entrepreneurs, gestionnaires de contenu, etc. Sur la même page Une des meilleures façons de comprendre lamp;rsquoaccessibilité est damp;rsquoessayer damp;rsquoutiliser un lecteur damp;rsquoécran pour utiliser votre site web préféré. La nvda est un 8
Oreal fait partie de la conception du site? Dites au lecteur damp;rsquoécran de sauter un élément décoratif en spécifiant un attribut alt vide pour lamp;rsquoélément décoratif:
Idéalement, devriez inclure des images décoratives dans CSS plutôt que dans HTML. souhaitez ajouter des mots clés à votre texte alternatif pour le référencement, namp;rsquooubliez pas que Google donnera la priorité à lamp;rsquoexpérience utilisateur. Lamp;rsquoattribut ALT est plus important pour mieux décrire lamp;rsquoimage que pour lister les mots clés.
Une chose importante à considérer lors de lamp;rsquoajout damp;rsquoun lien est de toujours dire aux visiteurs du site ce qui se passe lorsquamp;rsquoils cliquent. Même samp;rsquoils lisent les liens complètement hors contexte (ce qui arrive souvent avec certains types de lecteurs damp;rsquoécran), ils devraient savoir où ils vont. Exemple de texte du lien damp;rsquoerreur: Pour plus damp; sur les bougies, cliquez ici. Téléchargez notre tableau de taille et trouvez la taille qui convient le mieux. Bon lien exemple de texte: pour en savoir plus sur les bougies, consultez la foire aux questions sur les bougies. Pour trouver la taille qui convient le mieux, téléchargez le tableau des tailles en format PDF. Cependant, il est parfois utile ou nécessaire damp;rsquoutiliser le texte lié comme « lire plus ». Par exemple, la grille des billets de blog récents sur votre page damp;rsquoaccueil, où chaque court extrait se termine par un lien « en savoir plus ». Que feriez dans cette situation?
Une bonne solution est damp;rsquoutiliser lamp;rsquoattribut Aria tag, qui permet damp;rsquoajouter des étiquettes descriptives aux liens. Voici lamp;rsquoapparence du lien avec lamp;rsquoattribut air Label: Un mauvais dispositif solaire évaporera vos investissements initiaux. Avant de faire confiance à la réputation de tout installateur solaire potentiel, voici 15 questions à leur poser. [lire la suite]
Mais si voulez lier une image? Pour les images, t
Lamp;rsquoattribut uo alt sera le texte du lien. Par conséquent, si avez un modèle de téléchargement de livres électroniques gratuits, voulez que vos attributs alt ressemblent à « choisissez un livre électronique avec du rouge à lèvres qui correspond à votre teint de peau ». Cela indique aux visiteurs du site ce quamp;rsquoest lamp;rsquoimage et ce qui samp;rsquoouvrira lorsquamp;rsquoils cliqueront dessus.
La première chose à considérer est la taille de la police. Ce qui est important, camp;rsquoest que votre texte peut être lu facilement par des personnes partiellement aveugles ou quamp;rsquoil est difficile de voir des caractères plus petits. Bien quamp;rsquoil namp;rsquoy ait pas de taille minimale pour les caractères officiels, un bon point de départ pour le texte est 16px. En général, camp;rsquoest le navigateur de lamp;rsquoutilisateur qui Redimensionne les caractères, soit en zoomant sur le texte lui même, soit en zoomant sur la page et en appliquant un style de réponse. Vous devriez créer votre site Web afin que les utilisateurs puissent zoomer jusquamp;rsquoà 200% sans perdre la capacité damp;rsquoutiliser ou de visualiser le contenu du site. Par exemple, voulez éviter de tronquer du contenu ou damp;rsquoécraser du texte lorsque redimensionnez un caractère. La meilleure façon de le faire est de le tester même. Trouvez ici une description de chaque navigateur.
Considérez également vos choix de rôles. Les courbes ou les caractères complexes sont souvent difficiles à lire et ne peuvent être utilisés quamp;rsquooccasionnellement (p. ex., éléments de signature ou de décoration). Utilisez seulement 2 3 caractères dans tout le site pour rendre votre information moins confuse et plus facile à comprendre. Test de cécité des couleurs de Shiyuan, souvent utilisé pour tester la cécité des couleurs. Tout le monde ne voit pas les couleurs de la même façon. En fait, environ 8% des hommes et 0,5% des femmes souffrent damp;rsquoune forme ou damp;rsquoune autre de cécité des couleurs. Votre site Web devrait donc être entièrement fonctionnel et disponible en niveaux de gris. Vous pouvez utiliser des outils tels que lamp;rsquoextension Chrome Scale
Accessibilité vendez des téléchargements numériques sur un site de commerce électronique, il est également important de samp;rsquoassurer que les téléchargements eux mêmes sont accessibles. Une bonne façon de rendre le pdf accessible est damp;rsquoajouter des balises PDF qui fournissent aux lecteurs damp;rsquoécran une représentation structurée et cachée du contenu visuel. Adobe Acrobat offre un excellent guide sur la façon damp;rsquoaccéder au PDF. Bien sûr, lors de la conception du téléchargement numérique, devez également garder à lamp;rsquoesprit les autres principes damp;rsquoaccessibilité discutés ci dessus, tels que le contraste de couleur et la taille de police.
Cours accessibles lorsque créez un cours en ligne, assurez de garder à lamp;rsquoesprit des concepts tels que le Sous titrage vidéo et la transcription audio. Envisagez de présenter votre contenu dans une variété de styles, comme la vidéo, lamp;rsquoaudio et le texte, afin que chacun ait son propre style. Bon nombre des principes de conception ci dessus samp;rsquoappliquent également à votre cours. Il est important damp;rsquooffrir plus de façons de communiquer à vos élèves. Par exemple, les utilisateurs non linguistiques peuvent ne pas être en mesure damp;rsquoappeler et de poser des questions, et les étudiants aveugles peuvent ne pas être en mesure damp;rsquoenvoyer facilement des questions en ligne. Cela samp;rsquoapplique également à lamp;rsquoenvoi de tout travail ou cours. Soyez flexible avec vos élèves et travaillez avec tout étudiant handicapé existant pour les aider à tirer le meilleur parti de votre programme. Lorsquamp;rsquoil samp;rsquoagit de rendre votre boutique en ligne accessible, il est important de prendre le temps de comprendre comment les personnes handicapées utiliseront votre site Web. avez une bonne compréhension de toutes les étapes du processus de développement, il est plus facile de tenir compte de lamp;rsquoaccessibilité et, en fin de compte, damp;rsquooffrir une excellente expérience à tous vos clients. souhaitez en savoir plus, WordPress propose un excellent manuel d’accessibilité Web avec plus d’outils de test, meilleures pratiques de développement et conseils aux propriétaires de magasins
