Dois-je utiliser WAI-ARIA dans les versions de mon site Web? Cela aura-t-il un avantage? Quelqu'un ajoute-t-il un «rôle» à son code en ce moment?

Quelques informations sur WAI-ARIA - www.w3.org/WAI/intro/aria .

Les rôles d'onglet, de lien, de case à cocher et de curseur, et bien d'autres, ne sont pas encore disponibles pour HTML5. En regardant la liste de ce qui est disponible (voir ci-dessous), et ce qui va arriver à l'avenir, il semble que nous pourrions appliquer des rôles à une énorme quantité de balises sur nos pages. Ce n'est pas un problème surtout s'il apporte des avantages aux utilisateurs utilisant des lecteurs, etc.

Aussi, une question secondaire, les moteurs de recherche apporteront-ils des avantages aux sites utilisant WAI-ARIA?

Liste des rôles sûrs à utiliser (je pense)

•   role="article"
•   role="banner"
•   role="complementary"
•   role="contentinfo"
•   role="form"
•   role="heading"
•   role="main"
•   role="navigation"
•   role="search"

Exemples d'utilisation en code HTML5:

<header role="banner"></div>pour un en-tête principal, la bannière n'est autorisée qu'une fois par page

<header role="heading"></div>- pour tous les en-têtes après le principal

<aside role="complementary"></aside>

<form role="search"></form>

OK, j'ai réfléchi et fait des recherches à ce sujet depuis que vous avez posé cette question.

Je pense maintenant que vous devez les utiliser et j'ai l'intention de commencer à les intégrer dans des projets.

Ce n'est pas parce qu'ils ne sont pas disponibles qu'ils ne peuvent pas être analysés par les technologies d'assistance et s'ils contribuent même à ajouter un peu de valeur sémantique, alors pourquoi pas?

Si plus de webmasters adoptaient WAI-ARIA, nous pourrions commencer à voir plus d'avantages et de limitations.

Puisqu'il y a des points positifs et aucun point négatif (sauf la légère bosse dans le temps d'écriture et la taille HTML), je dis allez-y.

Voici un article de blog intéressant sur le sujet.

Cette. est. merde.

Je m'occupe depuis longtemps de la communauté des aveugles. J'utilise altsur toutes mes images et je l'ai toujours fait. J'étends chaque abbr. J'utilise des «vérificateurs» et des validateurs Web pour l'accessibilité. Je me penche en arrière pour fournir un site accessible.

Mais ce truc doit cesser.

Par le blog mentionné ci-dessus.

Bien qu'il puisse sembler que la balise nav définisse le «rôle» de l'élément nav, tous les navigateurs ne le comprendront pas (le simple fait que le navigateur puisse l'afficher ne signifie pas qu'il comprend la balise).

Regardez, si vous êtes aveugle et que vous ne pouvez pas mettre à jour votre navigateur vers un lecteur compatible HTML5, nous devons commencer à vous regarder de la même manière que nous regardons les utilisateurs d'IE6. Vous pouvez être aveugle; mais tu n'es pas stupide. Être aveugle n'est pas une excuse pour être paresseux. Vous avez simplement besoin d'un nouveau lecteur d'écran.

<div class="sr_only">
  <span role="navigation">
  <span role="heading">
  <span role="article">
  <span role="search">
    Dear Blind community, we write semantic HMTL5 for a purpose.
    Update your screen reader!

Il s'agit d'un test de tolérance où le monde entier prend en charge une idée stupide d'accommoder la technologie archaïque. Certes, au moins ceux qui se penchent en arrière ne le font pas pour faire de l'argent, mais vous devriez maintenant utiliser un lecteur d'écran avec au moins des mises à jour biannuelles.

Il est également important de noter que beaucoup de ces choses gâchent les nouveaux lecteurs d'écran lorsqu'ils sont mal faits. Par exemple, <nav>est généralement un simple conteneur pour un fichier <ul>. Si vous avez un <ul role="navigation">sous, <nav>vous pourriez rencontrer un problème de verbosité inutile .