Glossar App Entwicklung

HTML-ARIA

HTML-ARIA (Accessible Rich Internet Applications) ist ein W3C-Standard für die Erstellung von barrierefreien Webinhalten. Es wurde entwickelt, um Webentwickler und Designer bei der Erstellung von Webinhalten zu unterstützen, die Menschen mit Behinderungen oder anderen Einschränkungen leichter zugänglich sind. ARIA ist ein Werkzeug, das Entwicklern hilft, auf bestimmte Eigenschaften von Benutzeroberflächenelementen hinzuweisen, die nicht durch nativen HTML-Code angezeigt werden. ARIA ermöglicht es Entwicklern, Webinhalte auf eine Weise zu erstellen, die für Menschen mit Behinderung oder Einschränkungen leichter zugänglich ist.

HTML-ARIA verwendet Attribute, um Informationen über bestimmte Elemente bereitzustellen, die nicht mit einem nativen HTML-Element verknüpft sind, z.B. Elemente, die in JavaScript erstellt werden. Diese Attribute können auf HTML-Elemente angewendet werden, um Informationen über ihren Inhalt oder ihre Funktionalität bereitzustellen. Diese Informationen helfen Menschen mit Behinderungen oder Einschränkungen, Webinhalte besser zu verstehen und zu nutzen. Einige der wichtigsten Attribute, die von HTML-ARIA verwendet werden, sind:

  • role: Gibt an, welche Rolle ein Element auf der Seite hat. Dies hilft Benutzern, die Funktion eines bestimmten Elements zu verstehen. Beispiele für Rollen sind "button", "checkbox", "dialog" und "menu".
  • aria-label: Gibt einen alternativen Text für ein Element an, der in Situationen angezeigt werden kann, in denen der ursprüngliche Text nicht sichtbar ist. Beispiele für solche Situationen sind Bildschirmlesegeräte oder Text-zu-Sprache-Assistenten.
  • aria-describedby: Verweist auf ein Element, das eine Beschreibung des Elements enthält. Dies kann verwendet werden, um Benutzern mehr Informationen über ein Element bereitzustellen, wenn sie darauf klicken oder es auswählen.
  • aria-hidden: Gibt an, ob das Element sichtbar oder versteckt ist. Dies kann verwendet werden, um Elemente auszublenden, die nicht für Benutzer mit Behinderungen oder Einschränkungen relevant sind.

HTML-ARIA-Attribute können auf beliebige HTML-Elemente angewendet werden, z.B. <div>, <span>, <button> oder <a>. Einige Browser unterstützen auch ARIA-Attribute auf <svg>-Elementen. Es ist jedoch wichtig zu beachten, dass ARIA nicht verwendet werden sollte, um native HTML-Elemente zu ersetzen, z.B. sollte <button> nicht durch <div role="button"> ersetzt werden. ARIA sollte nur verwendet werden, um Elementen zusätzliche Informationen hinzuzufügen, die nicht durch nativen HTML-Code bereitgestellt werden.

HTML-ARIA ist ein leistungsstarkes Werkzeug, das Entwicklern dabei hilft, Webinhalte für alle Benutzer zugänglich zu machen. Es ist jedoch wichtig zu beachten, dass es nicht allein verwendet werden kann, um eine Seite als barrierefrei zu bezeichnen. Es ist ein zusätzliches Werkzeug, das Entwicklern dabei hilft, Webinhalte zugänglicher zu machen, aber es kann nicht als Ersatz für andere Techniken verwendet werden, die ebenfalls verwendet werden müssen, um Webinhalte barrierefrei zu machen.