moi. 54% des personnes handicapées ont accès à lamp;rsquoInternet, ce qui, bien quamp;rsquoil soit inférieur à celui de la population en général, reste une proportion importante.
Et camp;rsquoest 2019. Maintenant, nous devrions essayer damp;rsquoinclure chaque groupe damp;rsquoutilisateurs de la meilleure façon possible. Lamp;rsquoaccès illimité des personnes handicapées au Web devrait être un objectif important de tout développeur Web. De plus, il offre un avantage personnel. Accessibilité chevauchement avec une bonne conception web et un bon référencement les sites qui respectent les normes damp;rsquoaccessibilité utilisent généralement de bons principes de conception web, fonctionnent le mieux sur les appareils mobiles et ont un niveau élevé de référencement. Par exemple, lamp;rsquoune des normes WCAG comprend la lecture non automatique de longs clips audio sans interruption du son. Camp;rsquoest déjà un bon tabou pour les concepteurs de sites Web. Un autre critère est de fournir un contraste de couleur suffisant entre les éléments. Les couleurs mélangées sur les sites Web indiquent généralement une mauvaise palette de couleurs.
Par conséquent, le respect des lignes directrices sur lamp;rsquoaccessibilité peut créer un site Web plus attrayant et plus facile à utiliser. Quelquamp;rsquoun peut il dire gagnant gagnant?
Lamp;rsquoaccessibilité est également un élément important du référencement. Lamp;rsquoévitement de cette situation pourrait entraîner des pénalités de classement pour Google et damp;rsquoautres moteurs de recherche. Mais lamp;rsquoajout de texte alternatif à lamp;rsquoimage, y compris les contrôles du clavier dans les éléments interactifs, et lamp;rsquoutilisation de titres aident à désactiver les visiteurs et à promouvoir le référencement. Comme pouvez le voir, rendre votre site accessible est une bonne idée parce quamp;rsquoil affecte tous les groupes damp;rsquoutilisateurs. votre objectif est de concevoir un site Web qui offre une bonne expérience à tous, devriez faire tout ce qui est en votre pouvoir pour éviter lamp;rsquoexclusion des personnes handicapées.
Une chose que pouvez faire est damp;rsquoimplémenter Aria dans votre conception afin que les gens avec des lecteurs damp;rsquoécran puissent mieux se positionner
Il namp;rsquoest pas nécessaire de modifier son apparence ou damp;rsquoutiliser lamp;rsquoavant. La plupart des gens ne peuvent même pas dire que les marqueurs existent. Mais lamp;rsquoajout damp;rsquoun code et damp;rsquoun lecteur damp;rsquoécran permettra une interaction transparente avec votre interface.
Quand avez vraiment besoin damp;rsquoair? Par défaut, le lecteur damp;rsquoécran peut contenir la plupart des éléments HTML et HTML5. avez un site statique très simple, namp;rsquoavez peut être pas besoin damp;rsquoimplémenter air. Mais certains éléments JavaScript dynamiques et interactifs ne sont pas visibles par les lecteurs damp;rsquoécran, et camp;rsquoest ce que font les balises. Damp;rsquoautre part, ne devriez pas utiliser air lorsque le contenu que définissez est déjà accessible. Par exemple, un élément HTML
Reconnu par un lecteur damp;rsquoécran. Il namp;rsquoa pas besoin damp;rsquoavoir le rôle de bouton damp;rsquoair. Vous ne devriez inclure des rôles que si namp;rsquoutilisez pas damp;rsquoéléments HTML pris en charge.
Encore une fois, techniquement, je namp;rsquoai pas besoin damp;rsquoajouter des rôles supplémentaires aux éléments de narration ci dessus parce quamp;rsquoils décrivent tous la même chose. Cependant, trouverez souvent ce marqueur, comme décrit ci dessus. Toujours confus? Parlons un peu plus du fonctionnement de lamp;rsquoair. La compréhension de lamp;rsquoair devient très complexe et il est facile de se sentir submergé. Mais ses fondements sont faciles à briser. Une fois compris, apprendre des concepts plus avancés serait un jeu damp;rsquoenfant. Lamp;rsquoétiquette Aria se compose de trois attributs: le rôle, lamp;rsquoétat et les attributs. Rôles Aria les éléments de la page de définition des rôles, comme les boutons et les cases à cocher. Ils aident les lecteurs damp;rsquoécran à comprendre la fonctionnalité des différentes parties de la page et ont quatre sous catégories différentes: points de repère, documents, widgets et rôles abstraits.
Rôle de référence: diviser le site en différentes parties, comme le contenu principal, la navigation et les zones supplémentaires. Cela peut aider les visiteurs à se positionner et à trouver
Il est plus facile de trouver ce quamp;rsquoils veulent sur la page. Rôle du document décrit certaines parties de la page, comme les articles, les documents, les listes et les lignes. Rôle du Widget définit les éléments et les interfaces. Les cartes, les zones de texte, les alarmes et les boutons poussoirs sont quelques uns des éléments que Aria peut décrire. Les rôles de Widget peuvent aider lorsque le HTML ne définit pas ces éléments, ou lorsque utilisez un widget composé de nombreuses parties différentes. Rôles abstraits: le Navigateur les utilise. Ne tamp;rsquoinquiète pas pour eux. Lamp;rsquoétat et les attributs lamp;rsquoétat et les attributs fonctionnent de la même façon. Les attributs changent rarement une fois définis, car ils ne décrivent que les relations avec damp;rsquoautres éléments. Ces états sont dynamiques et peuvent être modifiés par eux mêmes ou en fonction de lamp;rsquointeraction utilisateur. Par exemple, le statut Aria busy indique au lecteur damp;rsquoécran que le projet est mis à jour. Lamp;rsquoautre est la pression damp;rsquoair, ce qui signifie que le bouton a été enfoncé. Ce sont là des facteurs qui peuvent changer positivement. Damp;rsquoautre part, les propriétés comprennent des attributs tels que le réglage du nombre maximum de valeurs damp;rsquoair dans le sélecteur de plage ou lamp;rsquoindication que lamp;rsquoélément déclenchera lamp;rsquoévent damp;rsquoair. Ils ne sont pas faciles à mettre à jour. Ce sont les bases de lamp;rsquoaria. Camp;rsquoest plus facile quand il est cassé, non? Mais seriez surpris de pouvoir en faire autant. Pour en savoir plus, essayez la documentation officielle Wai Aria ou commencez par Google developer. Test damp;rsquoaccessibilité de lamp;rsquoair une fois lamp;rsquoair mis en oeuvre, voudrez peut être assurer que tout se passe bien. Quelle est lamp;rsquoapparence réelle de votre site sur les appareils auxiliaires? La façon la plus évidente est de un lecteur damp;rsquoécran gratuit comme nvda, de bander les yeux et damp;rsquoaller en ville. Cela donnera une expérience complète. Vous pouvez également sauter le bandage et passer le curseur sur lamp;rsquoélément pour vérifier les propriétés aria, mais perdre les informations Chia
Cela nuit à votre base damp;rsquoutilisateurs et même à votre réputation. Les personnes handicapées représentent une proportion importante des utilisateurs damp;rsquoInternet et il est important de veiller à ce que la plupart des utilisateurs damp;rsquoInternet ne soient pas exclus. En mettant en place des normes damp;rsquoaccessibilité, y compris des balises aria, pouvez permettre aux utilisateurs de lecteurs damp;rsquoécran de voir plus damp;rsquoinformation sur le Web et de permettre à votre site Web de croître autant que possible. Une fois que savez comment inclure des spécifications comme aria, lamp;rsquoaccessibilité est moins confuse. Rendre votre site plus accessible à tous signifie que plus de gens sont prêts à rester, donc il namp;rsquoy a aucune raison de ne pas utiliser Aria si votre site en a besoin. Aujourdamp;rsquohui, de nombreux sujets offrent même des fonctionnalités hors de la boîte. Ces normes ne visent pas seulement les personnes handicapées Aidez tout le monde. Les lignes directrices sur lamp;rsquoaccessibilité chevauchent souvent les bonnes pratiques de conception web et peuvent être mises en oeuvre rapidement une fois que les avez comprises. Par conséquent, namp;rsquooubliez pas damp;rsquoinclure Aria dans le développement du site Web. Camp;rsquoest bon pour et tous les utilisateurs. Avez déjà eu des problèmes de navigation sur le site? Que peuvent faire les concepteurs et les développeurs web pour améliorer la situation? Veuillez nous faire part de votre expérience damp;rsquoaccessibilité en ligne (ou de votre manque damp;rsquoaccessibilité en ligne) dans vos commentaires!
COS C&rsquoest la marque Aria? Guide du débutant
