Qu'est-ce que HTML5 ARIA?

Question

Qu'est-ce que HTML5 ARIA? Je ne comprends pas comment le mettre en œuvre.

Answer 1

WAI-ARIA est une spécification définissant un appui pour des applications web accessibles. Il définit des tas extensions de balisage (la plupart du temps sous forme d'attributs sur les éléments HTML5), qui peuvent être utilisés par le développeur d'applications Web pour fournir des informations supplémentaires sur la sémantique des différents éléments aux technologies d'assistance comme les lecteurs d'écran. Bien sûr, pour ARIA au travail, l'agent utilisateur HTTP qui interprète les besoins de marquage pour soutenir ARIA, mais la spécification est créée de manière à ce, pour permettre aux agents de niveau utilisateur vers le bas pour ignorer le balisage spécifique ARIA en toute sécurité sans affecter la la fonctionnalité de l'application Web.

Voici un exemple de la spécification ARIA:

<ul role="menubar">

  <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem" aria-haspopup="false">New</li>
      <li role="menuitem" aria-haspopup="false">Open…</li>
      ...
    </ul>
  </li>
  ...
</ul>

Notez l'attribut role sur l'élément <ul> extérieur. Cet attribut n'affecte en aucune manière dont le balisage est rendu à l'écran par le navigateur; Cependant, les navigateurs qui supportent ARIA ajouteront des informations d'accès spécifiques au système d'exploitation à l'élément de l'interface utilisateur rendu, de sorte que le lecteur d'écran peut l'interpréter comme un menu et le lire à haute voix avec assez de contexte pour l'utilisateur final de comprendre (par exemple, explicite "menu" indice audio) et est capable d'interagir avec elle (par exemple, la navigation vocale).

Answer 2

ARIA signifie Rich Internet Applications accessibles.

  

WAI-ARIA est une technologie incroyablement puissante qui permet aux développeurs de décrire facilement le but, l'état et d'autres fonctionnalités d'interfaces utilisateur visuellement riches - d'une manière qui peut être comprise par Assistive Technology. WAI-ARIA a finalement été intégré dans le projet de travail actuel de la spécification HTML 5.

Et si vous vous demandez ce que WAI-ARIA est, c'est la même chose.

  

S'il vous plaît noter les termes WAI-ARIA et ARIA se réfèrent à la même chose. Cependant, il est plus correct d'utiliser WAI-ARIA pour reconnaître ses origines dans WAI.

= WAI Web Accessibility Initiative

De l'apparence de celui-ci, ARIA est utilisé pour les technologies d'assistance et la lecture principalement écran.

La plupart de vos doutes seront effacés si vous lisez cet article

http://www.w3.org/TR/aria-in-html /

Answer 3

Qu'est-ce?

WAI-ARIA signifie « Web Accessibility Initiative - Rich Internet Applications accessibles » . Il est un ensemble d'attributs pour aider à améliorer la sémantique d'un site Web ou une application Web pour aider les technologies d'assistance, comme les lecteurs d'écran pour les aveugles, ont un sens de certaines choses qui ne sont pas natifs au format HTML. Les informations exposées peuvent aller de quelque chose d'aussi simple que dire à un lecteur d'écran que l'activation d'un lien ou un bouton juste montré ou caché d'autres éléments, aux widgets aussi complexes que les systèmes de menu entier ou des vues d'arbres hiérarchiques.

Ceci est réalisé en appliquant les rôles et les attributs d'état HTML 4.01 ou le balisage qui plus tard n'a aucune incidence sur la mise en page ou les fonctionnalités du navigateur, mais fournit des informations supplémentaires pour les technologies d'assistance.

Une pierre angulaire de WAI-ARIA est l'attribut de rôle. Il indique au navigateur de dire la technologie d'assistance que l'élément HTML utilisé n'est pas réellement ce que le nom de l'élément suggère, mais autre chose. Bien qu'il soit à l'origine seulement un élément div, cet élément div peut être le conteneur à une liste d'éléments semi-automatique, auquel cas un rôle de « listbox » serait approprié d'utiliser. De même, un autre div qui est un enfant de ce conteneur div, et qui contient un seul élément d'option, devrait alors obtenir un rôle de « option ». Deux divs, mais à travers les rôles, tout autre sens. Les rôles sont calqués homologues d'application de bureau couramment utilisés.

Une exception à cette règle sont les rôles de documents historiques, qui ne change pas le sens réel de l'élément en question, mais fournir des informations sur ce lieu particulier dans un document.

La deuxième pierre angulaire sont des états WAI-ARIA et les propriétés. Ils définissent l'état de certains éléments natifs ou WAI-ARIA tels que si quelque chose est réduit ou développé, un élément de forme est nécessaire, quelque chose a un menu contextuel attaché à ou similaire. Ceux-ci sont souvent dynamiques et changent leurs valeurs tout au long du cycle de vie d'une application Web, et sont généralement manipulées via JavaScript.

Qu'est-ce pas?

WAI-ARIA ne vise pas à influencer le comportement du navigateur. Contrairement à un vrai élément de bouton, par exemple, une div que vous versez le rôle du « bouton » sur ne focusability clavier vous donne pas, un gestionnaire de clic automatique lorsque l'espace ou tapés sont pressé sur elle, et d'autres propriétés qui sont indiginous à un bouton. Le navigateur lui-même ne sait pas qu'un div avec le rôle de « bouton » est un bouton, seule sa partie API d'accessibilité fait.

Par conséquent, cela signifie que vous devez absolument mettre en œuvre la navigation du clavier, focusability et d'autres modèles de comportement connus à partir d'applications de bureau vous-même. Vous pouvez trouver des techniques avancées ARIA .

Quand dois-je pas l'utiliser?

Oui, c'est exact, cette section vient en premier! Parce que la première règle d'utilisation WAI-ARIA est: Ne pas utiliser sauf si vous avez absolument Moins WAI-ARIA que vous avez, et plus vous pouvez compter sur l'utilisation de widgets HTML natifs, les! mieux! Il y a encore quelques règles à suivre, vous pouvez les consulter .

Answer 4

Qu'est-ce que ARIA?

ARIA a émergé comme un moyen de résoudre le problème de l'accessibilité de l'utilisation d'un langage de balisage destiné aux documents, HTML, pour créer des interfaces utilisateur (UI). HTML comprend un grand nombre de fonctionnalités pour traiter des documents (P, h3, UL, tableau), mais seulement des éléments de l'interface utilisateur de base tels que A, INPUT et BUTTON. Windows et d'autres systèmes d'exploitation prennent en charge les API qui permettent (Assistive Technology) AT pour accéder à la fonctionnalité des commandes d'interface utilisateur. Internet Explorer et d'autres navigateurs carte les éléments natifs HTML à l'API d'accessibilité, mais les contrôles HTML ne sont pas aussi riches que les contrôles communs sur les systèmes d'exploitation de bureau, et ne suffisent pas pour les applications web modernes contrôles personnalisés peuvent étendre les éléments HTML pour fournir les riches interface utilisateur nécessaire pour les applications web modernes. Avant ARIA, le navigateur avait aucun moyen d'exposer cette richesse supplémentaire à l'API d'accessibilité ou AT. L'exemple classique de ce problème est l'ajout d'un gestionnaire de clic à une image. Il crée ce qui semble être un bouton cliquable à un utilisateur de la souris, mais il est encore juste une image à un clavier ou un utilisateur AT.

La solution était de créer un ensemble d'attributs qui permettent aux développeurs d'étendre HTML avec la sémantique interface utilisateur. Le terme ARIA pour un groupe d'éléments HTML qui ont des fonctionnalités personnalisées et utilisent ARIA attribue à cartographier ces fonctions aux API d'accessibilité est un « Widget. ARIA fournit également un moyen pour les auteurs de documenter le rôle du contenu lui-même, qui, à son tour, permet AT de construire des mécanismes de navigation de remplacement pour le contenu qui sont beaucoup plus faciles à utiliser que la lecture du texte intégral ou seulement itérer sur une liste des liens.

Il est important de se rappeler que dans les cas simples, il est beaucoup plus préférable d'utiliser des contrôles HTML natifs et leur style plutôt que d'utiliser ARIA. C'est de ne pas roues réinventent ou cases à cocher, si vous n'avez pas.

Heureusement, le balisage ARIA peut être ajouté à des sites existants sans changer le comportement des utilisateurs grand public. Cela réduit considérablement le coût de la modification et le test du site ou de l'application.

Answer 5

J'ai couru une autre question concernant ARIA. Mais il semble de contenu plus prometteur pour cette question. voudraient les partager

Qu'est-ce que ARIA?

Si vous mettez efforts pour rendre votre site Web accessible aux utilisateurs avec une variété de différentes habitudes de navigation et un handicap physique, vous reconnaîtrez probablement le rôle et les attributs Ar- *. WAI-ARIA (Accessible Applications Internet riches) est une méthode de fournir des moyens pour définir votre contenu Web dynamique et les applications afin que les personnes handicapées puissent identifier et avec succès d'interagir avec lui. Cela se fait par des rôles qui définissent la structure du document ou de l'application, ou par l'intermédiaire des attributs Ar- * définir un rôle widget, relation, état ou propriété.

ARIA utilisation est recommandée dans les spécifications pour rendre les applications HTML5 plus accessible. Lorsque vous utilisez des éléments HTML5 sémantique, vous devez définir leur rôle correspondant.

Et voir cette le tube vidéo pour ARIA en direct.