Sollte ich WAI-ARIA in meinen Website-Builds verwenden? Wird es irgendeinen Nutzen haben? Fügt jemand im Moment 'Rolle' zu seinem Code hinzu?

Einige Informationen zu WAI-ARIA - www.w3.org/WAI/intro/aria .

Die Rollen für Registerkarten, Links, Kontrollkästchen und Schieberegler sowie viele weitere sind für HTML5 noch nicht verfügbar. Wenn man sich die Liste der verfügbaren (siehe unten) und zukünftigen Entwicklungen ansieht, sieht es so aus, als würden wir Rollen auf eine große Anzahl von Tags auf unseren Seiten anwenden. Dies ist kein Problem, insbesondere wenn es Benutzern, die Lesegeräte usw. Verwenden, Vorteile bringt

Eine Nebenfrage: Werden Suchmaschinen Websites, die WAI-ARIA verwenden, Vorteile bieten?

Liste der zu verwendenden sicheren Rollen (glaube ich)

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

Beispiele für die Verwendung in HTML5-Code:

<header role="banner"></div>Bei einem Hauptheader ist das Banner nur einmal pro Seite zulässig

<header role="heading"></div>- für alle Überschriften nach der Hauptüberschrift

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

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

OK, ich habe darüber nachgedacht und recherchiert, seit du das gefragt hast.

Ich bin jetzt der Meinung, dass Sie sie verwenden sollten, und ich beabsichtige, sie in Projekte einzubeziehen.

Nur weil sie nicht verfügbar sind, heißt das nicht, dass sie nicht von unterstützenden Technologien analysiert werden können. Wenn sie sogar dazu beitragen, einen kleinen semantischen Wert hinzuzufügen, warum dann nicht?

Wenn mehr Webmaster WAI-ARIA übernehmen würden, könnten wir mehr von den Vorteilen und Einschränkungen erkennen.

Da es einige positive und keine negativen Aspekte gibt (abgesehen von der leichten Beeinträchtigung der Schreibzeit und der HTML-Größe), sage ich, machen Sie mit.

Hier ist ein interessanter Blogbeitrag zu diesem Thema.

Diese. ist. Mist.

Ich habe mich lange um die blinde Gemeinschaft gekümmert. Ich benutze altalle meine Bilder und habe es immer getan. Ich erweitere jeden abbr. Ich benutze Barrierefreiheit Web "Checker" und Validatoren. Ich beuge mich nach hinten, um eine zugängliche Stelle bereitzustellen.

Aber dieses Zeug muss aufhören.

Gemäß dem oben aufgeführten Blog-Beitrag .

Obwohl es den Anschein hat, als würde das nav-Tag die „Rolle“ des nav-Elements definieren, wird es nicht jeder Browser verstehen (nur weil der Browser es anzeigen kann, bedeutet dies nicht, dass er das Tag versteht).

Wenn Sie blind sind und Ihren Browser nicht auf einen HTML5-kompatiblen Reader aktualisieren können, müssen wir Sie in demselben Licht betrachten, in dem wir IE6-Benutzer betrachten. Sie können blind sein; aber du bist nicht dumm Blind sein ist keine Entschuldigung dafür, faul zu sein. Sie benötigen lediglich einen neuen Bildschirmleser.

<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!

Dies ist ein Toleranztest, bei dem die ganze Welt eine blöde Idee hat, archaische Technologie unterzubringen. Zugegeben, zumindest diejenigen, die sich nach hinten beugen, tun es nicht, um Geld zu verdienen, aber jetzt sollten Sie einen Bildschirmleser mit mindestens zweijährigen Aktualisierungen verwenden.

Wichtig ist auch, dass viele dieser Dinge neuere Screenreader durcheinander bringen, wenn sie falsch gemacht werden. Zum Beispiel <nav>ist in der Regel nur ein Container für eine <ul>. Wenn Sie eine <ul role="navigation">unter a haben <nav>, könnten Sie auf ein Problem mit nutzloser Ausführlichkeit stoßen .