it-swarm.com.de

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

Soll ich WAI-ARIA in meinen Website-Builds verwenden? Wird es irgendeinen Nutzen haben? Fügt jemand seinem Code momentan eine "Rolle" hinzu?

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

Die Registerkarten-, Link-, Kontrollkästchen- und Schiebereglerrollen sowie viele weitere sind für HTML5 noch nicht verfügbar. Wenn Sie sich die Liste der verfügbaren Elemente (siehe unten) und der zukünftigen Elemente ansehen, sehen Sie, dass wir möglicherweise Rollen auf eine große Anzahl von Tags auf unseren Seiten anwenden. Dies ist kein Problem, insbesondere wenn es Benutzern, die Reader usw. Verwenden, Vorteile bringt

Werden Suchmaschinen Websites, die WAI-ARIA verwenden, auch Vorteile bringen?

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"

Anwendungsbeispiele im HTML5-Code:

<header role="banner"></div>Für eine Hauptüberschrift 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>

8
DBUK

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 dabei helfen, sogar ein bisschen semantischen Wert hinzuzufügen, warum dann nicht?

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

Da es einige positive und keine negativen Aspekte gibt (außer der leichten Beeinträchtigung der Schreibzeit und der HTML-Größe), kann ich es nur empfehlen.

Hier ist ein interessanter Blog-Beitrag zum Thema.

3
Toby

Diese. ist. Mist.

Ich habe mich lange um die blinde Gemeinde gekümmert. Ich verwende alt für alle meine Bilder und habe dies immer getan. Ich erweitere jedes abbr. Ich benutze Zugänglichkeits-Web-Checker und Validatoren. Ich beuge mich nach hinten, um eine zugängliche Site bereitzustellen.

Aber das Zeug muss aufhören.

Per Blogpost oben aufgeführt.

Obwohl das nav-Tag anscheinend die „Rolle“ des nav-Elements definiert, wird es nicht von jedem Browser verstanden (nur weil der Browser es anzeigen kann, heißt das nicht, dass er das Tag versteht).

Schauen Sie, wenn Sie blind sind und Ihren Browser nicht auf einen HTML5-kompatiblen Reader aktualisieren können, müssen wir Sie im selben Licht wie 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 Screenreader.

<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 Test der Toleranz, bei dem die ganze Welt eine dumme Idee aufbringt, um archaische Technologie unterzubringen. Zugegeben, zumindest diejenigen, die sich nach hinten beugen, tun dies nicht, um Geld zu verdienen, aber jetzt sollten Sie einen Screenreader mit mindestens zweijähriger Aktualisierung verwenden.

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

2
Evan Carroll