Was ist aria-label und wie sollte ich es verwenden?

Question

Ich habe vor ein paar Stunden über das aria-label-Attribut gelesen, das:

Definiert einen Zeichenfolgenwert, der das aktuelle Element kennzeichnet.

Aber meiner Meinung nach sollte das title-Attribut das tun. Ich habe weiter im Mozilla Developer Network nach einigen Beispielen und Erklärungen gesucht, aber das einzige, was ich gefunden habe, war

X

Das mir kein Label zur Verfügung stellt (also gehe ich davon aus, dass ich die Idee missverstanden habe). Ich habe es hier in jsfiddle ausprobiert.

Also meine Frage ist: Warum brauche ich aria-label und wie sollte ich es verwenden?

Answer 1

Als Nebenantwort ist es erwähnenswert, dass:

• ARIA häufig verwendet wird, um die Barrierefreiheit für Screenreader zu verbessern. (nicht nur, aber hauptsächlich derzeit.)
• Die Verwendung von ARIA macht nicht zwangsläufig alles besser! Leicht kann ARIA zu erheblich schlechterer Zugänglichkeit führen, wenn es nicht ordnungsgemäß implementiert und getestet wird. Verwenden Sie ARIA nicht einfach, um einige "coole Dinge im Code" zu haben, die Sie nicht vollständig verstehen. Leider führen ARIA-Implementierungen oft zu mehr Problemen als Lösungen in Bezug auf die Zugänglichkeit. Dies ist recht verbreitet, da sehende Benutzer und Entwickler weniger wahrscheinlich sind, zusätzlichen Aufwand in umfangreiche Tests mit Screenreadern zu stecken, während ARIA-Spezifikationen und Validatoren derzeit weit von perfekt entfernt sind und in einigen Fällen sogar verwirrend sind. Darüber hinaus implementieren Browser und Screenreader die ARIA-Unterstützung nicht einheitlich, was zu erheblichen Inkonsistenzen im Verhalten führt. Oft ist es besser, ARIA komplett zu vermeiden, wenn nicht genau klar ist, was es tut, wie es sich verhält und nicht intensiv mit allen Screenreadern und Browsern getestet wird (oder zumindest den häufigsten Kombinationen). Haftungsausschluss: Mein Ziel ist es nicht, ARIA zu verunglimpfen, sondern seine schlechten ARIA-Implementierungen. Tatsächlich ist es nicht so ungewöhnlich, dass HTML5 keine anderen Alternativen bietet, bei denen die Implementierung von ARIA erhebliche Vorteile für die Zugänglichkeit bringen würde, z.B. aria-hidden oder aria-expanded. Aber nur, wenn es ordnungsgemäß implementiert und getestet wird!

Answer 2

Ich glaube, du solltest es überhaupt nicht verwenden, es sei denn, du weißt, was du tust und überprüfen wirst, wie es auf allen von Aria unterstützten Geräten aussieht. Bring kein Problem mit der Ausrede, eine Lösung zu sein! Menschen mit Behinderungen werden dir danken