Regeln für die Verwendung von ARIA in HTML

Was ist ARIA und was sind die Hauptprinzipien von ARIA?

Der Internetzugang ist Voraussetzung für eine erfolgreiche Plattform. Leider haben viele Websites Zugänglichkeitsbarrieren, die es Benutzern mit einer körperlichen Behinderung erschweren oder unmöglich machen, alle Elemente der Website zu sehen und mit ihnen zu interagieren. Wenn Sie möchten, dass Ihre Website von allen Benutzern gesehen wird und Sie mehr Traffic und mehr Conversions erzielen, müssen Sie Ihre Zeit und Mühe in die Verbesserung der Zugänglichkeit Ihrer Webseiten investieren.

Was ist Internetzugang?

Wenn die Website barrierefrei ist, ist sie so gestaltet, dass Menschen mit Behinderungen damit interagieren und alle Inhalte anzeigen können. Es gibt spezielle Standards namens Web Accessibility Initiative (WAI), die vom W3C entwickelt wurden, um Website-Eigentümern dabei zu helfen, ihre Websites zugänglicher zu machen.

Was ist ARIA?

ARIA steht für Accessible Rich Internet Applications. ARIA ist ein vom W3C veröffentlichter Satz spezieller Attribute, die HTML-Elementen hinzugefügt werden können, um Webseiten und Anwendungen für Menschen mit Behinderungen zugänglicher zu machen. Diese Attribute bieten keine Funktionalität. Sie bieten zusätzliche Beschreibungen für assistive Technologien (ATs) wie Screenreader.

Hauptfunktionen von ARIA

ARIA-Attribute umfassen die folgenden Komponenten: Rollen, Zustände und Eigenschaften.

Rollen

Rollen definieren die Art des Benutzeroberflächenelements. Rollen werden über das Attribut role=“<ROLE TYPE>“ hinzugefügt. Nach der Installation ändert sich die Rolle nicht.

ARIA-Rollen:

  • Wahrzeichen
  • Widget
  • Dokumentieren
  • Abstrakt
Regeln für die Verwendung von ARIA in HTML

Wegweisende ARIA-Rollen

Die Orientierungsrollen erleichtern die Navigation, indem sie die Seite in verschiedene Abschnitte unterteilen, z. B. Suche, Banner, Navigation, Anwendung usw. Auf diese Weise kann der Bildschirmleser den Beginn und das Ende jeder wichtigen Rolle ankündigen, die Menschen mit Behinderungen hilft, verschiedene Teile einer Webseite zu identifizieren.

Widget ARIA-Rollen

Widget-Rollen werden verwendet, um Elementen der Benutzeroberfläche wie Links, Schaltflächen, Kontrollkästchen usw. Bedeutung zu verleihen. Widget-Attribute ermöglichen Benutzern, die AT verwenden, mit der Webseite zu interagieren. Sie können beispielsweise Tabs öffnen und schließen, Formulare ausfüllen und so weiter.

Dokumentieren Sie ARIA-Rollen

Die Dokumentrollen enthalten Beschreibungen der Strukturen, die den Inhalt auf der Seite organisieren, wie z. B. img, list, row, toolbar usw.

Abstrakte ARIA-Rollen

Abstrakte Rollen werden im Code nicht verwendet. Dies sind die Attribute, die der Browser verwendet, um Rollen ihre Bedeutung und ihr Konzept zu geben und um beim Hinzufügen neuer Rollen zu helfen.

Zustände und Eigenschaften

Zustände (aria-grab, aria-disabled, aria-checked usw.) und Eigenschaften (aria-label, aria-haspopup, aria-control usw.) unterstützen ARIA-Rollen. Zustände können sich selbst oder basierend auf Benutzerinteraktion ändern, während sich Eigenschaften normalerweise nach dem Festlegen nicht ändern.

Kategorien von Zuständen und Eigenschaften:

  • Widget-Attribute
  • Live-Region-Attribute
  • Drag-and-Drop-Attribute
  • Beziehungsattribute

Weitere Informationen zu jedem ARIA-Attribut finden Sie auf der ARIA W3C-Seite. https://www.w3.org/TR/wai-aria/

Verbessern Sie die Barrierefreiheit Ihrer Website!

Jetzt verstehen Sie, was ARIA ist und wie es zusätzliche Informationen zu Hilfstechnologien bereitstellt. Durch die Implementierung von ARIA-Strategien können Sie sicherstellen, dass Menschen mit Behinderungen mit Ihrer Website interagieren können.