Gemeinde Karlstein

Die Verwendung von ARIA-Attributen in Rollen, in denen sie verboten sind, kann dazu führen, dass wichtige Informationen nicht an Benutzer von Hilfstechnologien weitergegeben werden. Hilfstechnologien können auch versuchen, das Problem zu kompensieren, was zu einem inkonsistenten und verwirrenden Verhalten dieser Werkzeuge führt.

ARIA-Attribute (d.h. beginnend mitaria-) müssen gültige Werte enthalten. Diese Werte müssen richtig geschrieben sein und den Werten entsprechen, die für ein bestimmtes Attribut sinnvoll sind, um die beabsichtigte Funktion der Barrierefreiheit zu erfüllen.

Viele ARIA-Attribute akzeptieren einen bestimmten Satz von Werten. Erlaubte Werte, akzeptable "undefined" Werte und akzeptable "default" Werte sind erforderlich. Die Nichteinhaltung der zulässigen Werte führt zu Inhalten, die für Benutzer von Hilfstechnologien nicht zugänglich sind.

Manche Menschen mit Sehschwäche leiden unter einem geringen Kontrast, d. h. es gibt nicht sehr viele helle oder dunkle Bereiche. Alles erscheint in etwa gleich hell, was es schwierig macht, Umrisse, Ränder, Kanten und Details zu erkennen. Text, dessen Luminanz (Helligkeit) zu stark an den Hintergrund angeglichen ist, kann schwer zu lesen sein.

Es gibt fast dreimal so viele Menschen mit Sehschwäche wie mit völliger Blindheit. Eine von zwölf Personen kann nicht das gesamte Farbspektrum sehen, das sind etwa 8 % der Männer und 0,4 % der Frauen in den USA. Eine Person mit Sehschwäche oder Farbenblindheit ist nicht in der Lage, Text vor einem Hintergrund ohne ausreichenden Kontrast zu erkennen.

Farbtransparenz und Deckkraft werden im Hintergrund berücksichtigt.

Farbtransparenz und -undurchsichtigkeit im Vordergrund sind aufgrund dessen schwieriger zu erkennen und zu berücksichtigen:

• 1:1 Farben im Vorder- und Hintergrund.
• CSS-Hintergrundfarbverläufe.
• Hintergrundfarben in CSS-Pseudo-Elementen.
• Mit CSS-Rahmen erstellte Hintergrundfarben.
• Überschneidungen mit einem anderen Element im Vordergrund - dies führt manchmal zu einer kniffligen Positionierung.
• Elemente, die per CSS außerhalb des Ansichtsfensters verschoben werden.

Der eigentliche Zweck von Kopfzeilen besteht darin, die Struktur der Seite zu vermitteln. Für sehende Benutzer wird derselbe Zweck durch unterschiedliche Textgrößen erreicht. Die Textgröße ist jedoch für Benutzer von Bildschirmlesegeräten nicht hilfreich, da ein Bildschirmlesegerät eine Überschrift nur dann erkennt, wenn sie richtig gekennzeichnet ist. Wenn die Überschriftenelemente richtig eingesetzt werden, ist die Seite sowohl für Screenreader als auch für sehende Benutzer viel einfacher zu navigieren.

Genauso wie sehende Benutzer eine Seite überfliegen und sich einen Überblick über den Inhalt verschaffen können, können Benutzer von Bildschirmlesegeräten dasselbe tun, indem sie durch Überschriften navigieren. Gut geschriebene und richtig angeordnete Überschriften können den Nutzern, insbesondere denen, die Bildschirmlesegeräte verwenden, viel Zeit und Frustration ersparen.

Der Zweck von Überschriften ist es, die Struktur der Webseite zu beschreiben und nicht nur wichtigen Text hervorzuheben. Sie sollten kurz, klar und eindeutig sein und mith1überh6Elemente in hierarchischer Reihenfolge. All diese Eigenschaften machen Überschriften zu wertvollen Hilfsmitteln für Screenreader-Nutzer. Ähnlich wie sehende Benutzer eine Seite überfliegen und sich ein Bild von ihrem Inhalt machen können, können Screenreader-Benutzer durch Überschriften navigieren. Gut geschriebene und richtig angeordnete Überschriften können Bildschirmlesern Zeit und Frustration ersparen.

Neben der besseren Zugänglichkeit der Seite haben Überschriften noch weitere Vorteile, da Suchmaschinen Überschriften beim Filtern, Ordnen und Anzeigen von Ergebnissen verwenden. Die Verbesserung der Zugänglichkeit Ihrer Website kann auch dazu führen, dass Ihre Seite besser auffindbar ist.

Die Navigation auf einer Webseite ist für Benutzer von Bildschirmlesegeräten viel einfacher, wenn der gesamte Inhalt auf einen oder mehrere übergeordnete Abschnitte aufgeteilt ist. Inhalte außerhalb dieser Abschnitte sind schwer zu finden, und ihr Zweck kann unklar sein.

HTML hat in der Vergangenheit einige wichtige semantische Marker vermissen lassen, wie z. B. die Möglichkeit, Abschnitte der Seite als Kopfzeile, Navigation, Hauptinhalt und Fußzeile zu kennzeichnen. Die Verwendung von HTML5-Elementen und ARIA-Markierungen im selben Element gilt als Best Practice, aber die Zukunft wird HTML-Regionen bevorzugen, da die Browserunterstützung zunimmt.

landmark-uniqueist eine neue Best-Practice-Regel, die sicherstellt, dass Landmarken eine eindeutige Kombination aus Rolle oder zugänglichem Namen (d. h. Rolle, Bezeichnung, Titel) haben.

Unzugängliche Link-Elemente stellen ein Hindernis für die Zugänglichkeit dar, da sie ein wesentlicher Bestandteil einer Website sind.

Benutzer, die sich ausschließlich mit der Tastatur (und nicht mit der Maus) auf einer Webseite bewegen, können nur auf Links klicken, die den programmatischen Fokus erhalten können. Ein Link, der keinen programmatischen Fokus erhält, ist für diese Benutzer unzugänglich.

Wie sehende Benutzer müssen auch Benutzer von Bildschirmlesegeräten wissen, wohin ein Link verweist. Der innere Linktext liefert diese Information, wird aber nicht genutzt, wenn ein Screenreader nicht darauf zugreifen kann.

Tastaturbenutzer, einschließlich sehbehinderter Screenreader-Benutzer oder Personen, die keine Maus benutzen können, können nur die Links und Formularelemente aktivieren, die den programmatischen Fokus erhalten können. Alle Ereignisse, die ausschließlich durch andere Arten von Fokus aktiviert werden, zum BeispielonmouseoverEreignisse, die vom Mausfokus abhängen, sind für Tastaturbenutzer unzugänglich. Nur Links und Formularelemente erhalten standardmäßig den Tastaturfokus. Ändern Sie Elemente, die keine Links oder Formularkomponenten sind, damit sie den Fokus erhalten, indem Sietabindex="0".

Die Navigation auf einer Webseite ist für Benutzer von Bildschirmlesegeräten viel einfacher, wenn der Inhalt in mehrere übergeordnete Abschnitte aufgeteilt ist. Inhalte außerhalb von Abschnitten sind schwer zu finden, und der Zweck des Inhalts kann unklar sein.

In der Vergangenheit fehlten in HTML einige wichtige semantische Marker wie die Möglichkeit, Abschnitte der Seite als Kopfzeile, Navigation, Hauptinhalt und Fußzeile zu kennzeichnen. Die Verwendung sowohl von HTML5-Elementen als auch von ARIA-Marken im selben Element gilt als Best Practice, aber die Zukunft begünstigt die Verwendung nativer HTML5-Elementregionen, da die Browserunterstützung zunimmt.