moi. 54% des personnes handicapées ont accès à lrsquoInternet, ce qui, bien qursquoil soit inférieur à celui de la population en général, reste une proportion importante.
Et crsquoest 2019. Maintenant, nous devrions essayer drsquoinclure chaque groupe drsquoutilisateurs de la meilleure façon possible. Lrsquoaccè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 drsquoaccessibilité 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, lrsquoune des normes WCAG comprend la lecture non automatique de longs clips audio sans interruption du son. Crsquoest 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 lrsquoaccessibilité peut créer un site Web plus attrayant et plus facile à utiliser. Quelqursquoun peut il dire gagnant gagnant?
Lrsquoaccessibilité est également un élément important du référencement. Lrsquoévitement de cette situation pourrait entraîner des pénalités de classement pour Google et drsquoautres moteurs de recherche. Mais lrsquoajout de texte alternatif à lrsquoimage, y compris les contrôles du clavier dans les éléments interactifs, et lrsquoutilisation 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 qursquoil affecte tous les groupes drsquoutilisateurs. 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 lrsquoexclusion des personnes handicapées.
Une chose que pouvez faire est drsquoimplémenter Aria dans votre conception afin que les gens avec des lecteurs drsquoécran puissent mieux se positionner
Il nrsquoest pas nécessaire de modifier son apparence ou drsquoutiliser lrsquoavant. La plupart des gens ne peuvent même pas dire que les marqueurs existent. Mais lrsquoajout drsquoun code et drsquoun lecteur drsquoécran permettra une interaction transparente avec votre interface.
Quand avez vraiment besoin drsquoair? Par défaut, le lecteur drsquoécran peut contenir la plupart des éléments HTML et HTML5. avez un site statique très simple, nrsquoavez peut être pas besoin drsquoimplémenter air. Mais certains éléments JavaScript dynamiques et interactifs ne sont pas visibles par les lecteurs drsquoécran, et crsquoest ce que font les balises. Drsquoautre 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 drsquoécran. Il nrsquoa pas besoin drsquoavoir le rôle de bouton drsquoair. Vous ne devriez inclure des rôles que si nrsquoutilisez pas drsquoéléments HTML pris en charge.
Encore une fois, techniquement, je nrsquoai pas besoin drsquoajouter des rôles supplémentaires aux éléments de narration ci dessus parce qursquoils 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 lrsquoair. La compréhension de lrsquoair 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 drsquoenfant. Lrsquoétiquette Aria se compose de trois attributs: le rôle, lrsquoé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 drsquoé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 qursquoils 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 trsquoinquiète pas pour eux. Lrsquoétat et les attributs lrsquoé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 drsquoautres éléments. Ces états sont dynamiques et peuvent être modifiés par eux mêmes ou en fonction de lrsquointeraction utilisateur. Par exemple, le statut Aria busy indique au lecteur drsquoécran que le projet est mis à jour. Lrsquoautre est la pression drsquoair, ce qui signifie que le bouton a été enfoncé. Ce sont là des facteurs qui peuvent changer positivement. Drsquoautre part, les propriétés comprennent des attributs tels que le réglage du nombre maximum de valeurs drsquoair dans le sélecteur de plage ou lrsquoindication que lrsquoélément déclenchera lrsquoévent drsquoair. Ils ne sont pas faciles à mettre à jour. Ce sont les bases de lrsquoaria. Crsquoest 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 drsquoaccessibilité de lrsquoair une fois lrsquoair mis en oeuvre, voudrez peut être assurer que tout se passe bien. Quelle est lrsquoapparence réelle de votre site sur les appareils auxiliaires? La façon la plus évidente est de un lecteur drsquoécran gratuit comme nvda, de bander les yeux et drsquoaller en ville. Cela donnera une expérience complète. Vous pouvez également sauter le bandage et passer le curseur sur lrsquoélément pour vérifier les propriétés aria, mais perdre les informations Chia
Cela nuit à votre base drsquoutilisateurs et même à votre réputation. Les personnes handicapées représentent une proportion importante des utilisateurs drsquoInternet et il est important de veiller à ce que la plupart des utilisateurs drsquoInternet ne soient pas exclus. En mettant en place des normes drsquoaccessibilité, y compris des balises aria, pouvez permettre aux utilisateurs de lecteurs drsquoécran de voir plus drsquoinformation 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, lrsquoaccessibilité est moins confuse. Rendre votre site plus accessible à tous signifie que plus de gens sont prêts à rester, donc il nrsquoy a aucune raison de ne pas utiliser Aria si votre site en a besoin. Aujourdrsquohui, 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 lrsquoaccessibilité chevauchent souvent les bonnes pratiques de conception web et peuvent être mises en oeuvre rapidement une fois que les avez comprises. Par conséquent, nrsquooubliez pas drsquoinclure Aria dans le développement du site Web. Crsquoest 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 drsquoaccessibilité en ligne (ou de votre manque drsquoaccessibilité en ligne) dans vos commentaires!
COS 39 C&rsquoest la marque Aria? Guide du débutant
