Sollte ich WAI-ARIA in meinen HTML-Website-Builds verwenden?

8

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>

DBUK
quelle
1
Interessante Frage, über die ich noch nicht genug nachgedacht habe, um eine Antwort zu geben, aber ich freue mich darauf, dieser zu folgen!
Toby
Ich auch. Angesichts der geringen Anzahl der derzeit freigegebenen Rollen ist es nicht sehr aufwendig, sie in unseren Code aufzunehmen, aber es ist im Moment sinnlos, z. B. wird niemandem etwas nützen.
DBUK
Aber was zum Teufel ist der Zweck einer ARIA-Rolle navigationauf einem HTML5- navElement? Sie müssten den schlechtesten Bildschirmleser der Welt schreiben, um diese zu benötigen.
Evan Carroll

Antworten:

3

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.

Toby
quelle
1
Vielen Dank, dieser Blog-Beitrag ist großartig. Außerdem gab es weitere nützliche Links zwischen und unter dem Beitrag. Ich werde WAI-ARIA in meinem nächsten Build verwenden. Ich denke, es ist das Beste für uns, uns jetzt daran zu gewöhnen, solange es nur wenige Tags gibt, bevor sie den Rest von ihnen entfesseln.
DBUK
2

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 .

Evan Carroll
quelle