aktion-barrierefrei.org by camindu GmbH

ARIA-Widget-Rollen erfordern zusätzliche Attribute, die den Zustand des Widgets beschreiben. Der Zustand des Widgets wird Screenreader-Benutzern nicht mitgeteilt, wenn ein erforderliches Attribut weggelassen wird.

Bestimmte Rollen fungieren als zusammengesetzte Widgets der Benutzeroberfläche. Als solche fungieren sie in der Regel als Container, die andere, enthaltene Widgets verwalten. Wenn ein Objekt von mehreren Vorfahren erbt und ein Vorfahre die Unterstützung für eine Eigenschaft angibt, während ein anderer Vorfahre angibt, dass die gleiche Eigenschaft erforderlich ist, wird die Eigenschaft für das ererbende Objekt erforderlich. In einigen Fällen reichen Standardwerte aus, um die ARIA-Attributanforderungen zu erfüllen.

Wenn die erforderlichen Zustands- und Eigenschaftsattribute für bestimmte Rollen (und Unterklassenrollen) nicht vorhanden sind, können Bildschirmlesegeräte die Definition der Rolle des Elements möglicherweise nicht an die Benutzer weitergeben.

Benutzer von Bildschirmlesegeräten sind nicht in der Lage, den Zweck von Elementen zu erkennen, dierole="link",role="button", oderrole="menuitem"die keinen zugänglichen Namen haben.

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.

Benutzer von Bildschirmlesegeräten verwenden Seitentitel, um sich einen Überblick über den Inhalt der Seite zu verschaffen. Das Navigieren durch die Seiten kann für Screenreader-Nutzer schnell schwierig und verwirrend werden, wenn die Seiten nicht mit einem Titel versehen sind. Die SeiteTitelElement ist das erste, was Screenreader-Nutzer beim ersten Laden einer Webseite hören.

DieTitelist das erste, was Screenreader-Benutzer hören, wenn sie auf einer Seite ankommen. Wenn es keineTiteloder wenn dieTitelnicht beschreibend und eindeutig ist, müssen Screenreader-Nutzer die Seite durchlesen, um ihren Inhalt und Zweck zu bestimmen.

Doppelte IDs sind häufige Validierungsfehler, die die Zugänglichkeit von Beschriftungen, z. B. von ARIA-Elementen, Formularfeldern und Tabellenkopfzellen, beeinträchtigen können.

Eindeutige ID's unterscheiden jedes Element von einem anderen und verhindern ungültiges Markup, bei dem nur die erste Instanz durch clientseitiges Scripting bearbeitet wird oder bei dem unterstützende Technologien typischerweise nur auf die erste genau verweisen.

Die Zuweisung mehrerer Beschriftungen zu demselben Formularfeld kann bei einigen Kombinationen von Bildschirmlesegeräten und Browsern Probleme verursachen, und die Ergebnisse sind von einer Kombination zur nächsten uneinheitlich. Einige Kombinationen lesen die erste Beschriftung. Einige lesen die letzte Beschriftung. Andere lesen beide Beschriftungen.

Ohne das axe-core-Skript ist es dem Tool nicht möglich, die Prüfung von Verstößen auf mehreren Ebenen verschachtelter iframes durchzuführen.

Benutzer von Bildschirmlesegeräten verlassen sich auf einen Rahmentitel, um den Inhalt des Dokuments zu beschreiben.Rahmen. Navigieren durchRahmenundiframeElemente wird für die Nutzer dieser Technologie schnell schwierig und verwirrend, wenn das Markup keineTitelAttribut.

Benutzer von Bildschirmlesegeräten haben die Möglichkeit, eine Liste von Titeln für alle Frames auf einer Seite aufzurufen. Durch das Hinzufügen von beschreibenden, eindeutigen Titeln können die Benutzer schnell den gewünschten Rahmen finden. Wenn keine Titel vorhanden sind, kann die Navigation durch Frames schnell schwierig und verwirrend werden. Wenn kein Titel aufgeführt ist, geben Screenreader stattdessen Informationen wie “Frame,” “JavaScript,” den Dateinamen oder die URL an. In den meisten Fällen sind diese Informationen nicht sehr hilfreich.

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.

Wirksame Formularbeschriftungen sind erforderlich, um Formulare zugänglich zu machen. Der Zweck von Formularelementen wie Kontrollkästchen, Optionsschaltflächen, Eingabefeldern usw. ist für sehende Benutzer oft offensichtlich, selbst wenn das Formularelement nicht programmatisch beschriftet ist. Benutzer von Bildschirmlesegeräten benötigen nützliche Formularbeschriftungen, um Formularfelder zu identifizieren. Das Hinzufügen einer Beschriftung zu allen Formularelementen beseitigt Zweideutigkeiten und trägt zu einem besser zugänglichen Produkt bei.

Wenn Beschriftungen für Formularelemente fehlen, wissen Benutzer von Bildschirmlesegeräten nicht, welche Eingabedaten sie erwarten. Bildschirmlesegeräte können ohne eine etablierte Beschriftungsbeziehung (oder redundanten Text, der als Beschriftung dient) keine Informationen über Eingabeobjekte programmatisch ermitteln.

Das Fehlen von Beschriftungen verhindert, dass Felder beim Lesen durch Bildschirmlesegeräte in den Mittelpunkt gerückt werden, und Benutzer mit eingeschränkter motorischer Kontrolle haben nicht den Vorteil eines größeren anklickbaren Bereichs für das Steuerelement, da das Anklicken der Beschriftung das Steuerelement aktiviert.

Die Navigation auf einer Webseite ist für Screenreader-Nutzer viel einfacher, wenn der Inhalt in einige ü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, z. B. 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 wird wahrscheinlich HTML-Regionen bevorzugen, da die Browserunterstützung zunimmt.

Der HTML Living Standard besagt "Ein hierarchisch korrektes Hauptelement ist eines, dessen Vorgängerelementesind begrenztzu<html>,<body>,<div>,<formohne einen zugänglichen Namen und autonome benutzerdefinierte Elemente. Jedes Hauptelement muss ein hierarchisch korrektes Hauptelement sein." Dies kann eine "Best Practice" auf der Grundlage der W3C-Validierung widerspiegeln.

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.

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. Jeder zwölfte Mensch hat eine Farbfehlsichtigkeit - 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.

Wenn das Farbkontrastverhältnis von 3:1 nicht ausreicht, um die Farbe des Linktextes von der Farbe des umgebenden Textes zu unterscheiden, können sehbehinderte Nutzer mit geringem Kontrast nicht erkennen, dass der Text als Link gedacht ist.

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".

Damit eine Liste gültig ist, muss sie sowohl übergeordnete als auch untergeordnete Elemente enthalten. Übergeordnete Elemente können entweder eine Menge vonulTags oder einer Reihe vonolTags. Kindelemente müssen innerhalb dieser Tags mit derlitag.

Bildschirmlesegeräte benachrichtigen die Benutzer, wenn sie zu einer Liste kommen, und teilen ihnen mit, wie viele Elemente in einer Liste enthalten sind. Die Ansage der Anzahl der Elemente in einer Liste und des aktuellen Listenelements hilft den Zuhörern zu wissen, was sie gerade hören und was sie erwarten können.

Wenn Sie eine Liste nicht mit dem richtigen semantischen Markup in einer Hierarchie auszeichnen, können Listenelemente den Zuhörer nicht darüber informieren, dass sie eine Liste hören, wenn kein übergeordnetes Element das Vorhandensein einer Liste und den Typ der Liste angibt.

Benutzer von Bildschirmlesegeräten können mit Hilfe von Tastenkombinationen direkt zur ersten Seite navigierenh1die es ihnen im Prinzip ermöglichen sollte, direkt zum Hauptinhalt der Webseite zu gelangen. Wenn es keineh1, oder wenn dieh1an einer anderen Stelle als am Anfang des Hauptinhalts erscheint, müssen sich die Benutzer von Bildschirmlesegeräten mehr von der Webseite anhören, um ihre Struktur zu verstehen, was wertvolle Zeit vergeudet.

Denken Sie daran, dass blinde Benutzer eine Webseite nicht einfach nur ansehen und sofort verstehen können, wie es ein visueller Benutzer kann. Visuelle Benutzer können viele Informationen über das Layout der Seite aufnehmen, ohne den gesamten Inhalt lesen zu müssen. Blinde Benutzer haben diesen Luxus nicht. Bildschirmlesegeräte lesen linear, was bedeutet, dass sie sich die gesamte Webseite anhören müssen, es sei denn, es gibt eine andere bequeme Möglichkeit, sich einen Überblick über das Layout und die Struktur der Seite zu verschaffen. Es hat sich herausgestellt, dass Überschriften eine Möglichkeit sind, dies zu tun. Benutzer von Bildschirmlesegeräten können Tastaturkürzel verwenden, um durch die Überschriftenstruktur eines Dokuments zu navigieren.

Überprüft scrollbare Inhalte auf fokussierbare Elemente, die eine Tastaturnavigation ermöglichen. Die Tastaturnavigation sollte nicht fehlschlagen, wenn sich der Fokus auf ein Element innerhalb eines scrollbaren Bereichs bewegt.