Eine der wichtigsten Neuerungen der WCAG 2.0 gegenüber der Vorgängerversion ist, dass auch Formate als barrierefrei angesehen werden, die ausserhalb der Kontrolle des W3C liegen. Das gilt natürlich nur unter dem Vorbehalt, dass diese Inhalte auch in Hinblick auf die Barrierefreiheit entwickelt wurden, aber die gleiche Einschränkung lässt sich ja auch auf Formate wie HTML & CSS anwenden. Daher ist es ausgesprochen erfreulich, dass der Hersteller Adobe die Techniken dokumentiert hat, mit denen man Flash-basierte Inhalte so umsetzen kann, dass sie auch für Menschen mit Behinderung zugänglich sind (wichtige Einschränkungen sind in den Flash-Technik-Anmerkungen dokumentiert). Was es bei der Erstellung von barrierefreiem Flash zu beachten gilt wird in den folgenden WCAG-Techniken erklärt:
Weiterlesen …
Allgemeine Techniken
Flash & Medienalternativen
- FLASH1: Festlegung der Eigenschaft "Name" für ein Nicht-Text-Objekt
- FLASH2: Festlegung der Eigenschaft „Beschreibung“ für ein Nicht-Text-Objekt in Flash
- FLASH3: Markierung von Objekten in Flash, so dass sie von assistierenden Techniken ignoriert werden können.
- FLASH9: Anwendung von Untertiteln auf aufgezeichnete, synchronisiere Medien
- FLASH11: Bereitstellung einer längeren Textbeschreibung eines Objektes
- FLASH13: Benutzung der HTML language-Attribute, um die Sprache in Flash-Inhalten zu kennzeichnen
- FLASH18: Bereitstellung eines Steuerelementes, um Töne, die in Flash automatisch abgespielt werden, abzustellen
- FLASH26: Anwendung von Audiodeskriptionen bei Flash-Videos
- FLASH28: Bereitstellung von Textalternativen für ASCII Art, Emoticons und Leetspeak (Ersetzung von Buchstaben durch Ziffern oder Sonderzeichen) in Flash
- FLASH34: Benutzung der Screenreader-Erkennung, um Ton, der automatisch abgespielt wird, abzustellen
Navigation und Bedienung in Flash
Flash & Formulare
Die folgenden WCAG-Techniken beziehen sich ausschließlich auf Inhalte, die nicht mit Markup-Sprachen wie HTML ausgezeichnet wurden, sondern roher, unformatierter Text sind (z.B. in .txt-Dateien, die Techniken sind aber auch auf E-Mail-Newsletter anwendbar). Weitere Informationen dazu finden Sie in den folgenden WCAG-Techniken:
Weiterlesen …
Text-Techniken
Typische Fehler
Im Idealfall sollten natürlich alle Objekte einer Webseite WCAG-konform und damit barrierefrei nutzbar sein; es gibt aber durchaus Umstände, unter denen dies eventuell nicht möglich ist. So kann es Situationen geben, in denen ein Objekt oder ein Abschnitt des Inhalts zwar Menschen mit bestimmten Behinderungen als Zielgruppe hat, während genau diese Attribute das Objekt für andere Nutzer unzugänglich machen. In solchen Fällen lassen die WCAG Ausnahmen von der Regel »Eine Seite für alle« zu, indem eine konforme Alternativversion verlinkt wird, die die gleichen Informationen wie die nicht-konforme Version vermittelt. Weitere Informationen hierzu finden Sie in den folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
CSS-Techniken
Server-seitige Scripting-Techniken
Typische Fehler
Gerade für die Sprachausgabe ist es von enormer Wichtigkeit, dass die menschliche Sprache eines Dokuments und darüber hinaus auch Wechsel in der Sprache innerhalb eines Dokuments im Code hinterlegt sind. Das erleichtert nicht nur die Sprachsynthese und die korrekte Aussprache z.B. im Screenreader, sondern kann auch Verwechselungen durch Mehrdeutigkeiten vorbeugen (Tag wie Wochentag oder wie HTML-Tag?). Wie Sie diese Sprachen auszeichnen wird in den folgenden WCAG-Techniken erklärt:
Weiterlesen …
HTML-Techniken
Server-seitige Scripting-Techniken
Die folgenden WCAG-Techniken sind für den eher unwahrscheinlichen Fall, dass Ihre Seiten auch fremdsprachigen Content beinhalten, der bestimmte Vorkehrungen im Code benötigt. Die Technik G163 bezieht sich zum Beispiel auf Sprachen wie Hawaiianisch, die hierzulande doch eher selten anzutreffen sind. Da die WCAG-Richtlinien aber auch weltweite Geltung haben, sind diese Techniken hier der Vollständigkeit halber aufgelistet:
Weiterlesen …
Allgemeine Techniken
HTML-Techniken
Tabellen haben auch im barrierefreien Webdesign nach wie vor eine Daseinsberechtigung – aber bitte wirklich nur für die Darstellung tabellarischer Daten und nicht als Layout-Ersatz. Wie Sie Datentabellen für alle Nutzer zugänglich machen und welche Fehler Sie vermeiden sollten wird in den folgenden WCAG-Techniken erklärt:
Weiterlesen …
HTML-Techniken
Typische Fehler
Eine ganze Reihe veralteter Techniken stellen zwar keine absoluten Barrieren dar, sollten aber in der modernen Webentwicklung eigentich keine Rolle mehr spielen, weil Sie die Wartung der Seiten unnötig verkomplizieren. Welche das sind sehen Sie in den folgenden WCAG-Techniken:
Weiterlesen …
HTML-Techniken
CSS-Techniken
Typische Fehler
Barrierefreie Seiten zeichnen sich dadurch aus, dass sie auch unter den widrigsten Umständen noch Leistung abliefern. Das geht natürlich nur mit einem grundsoliden technischen Fundament, bei dem Browser nicht erst mal zahllose Fehler korrigieren müssen, bevor die Seite dargestellt werden kann. Das vereinfacht nicht nur die Verarbeitung, sondern hilft auch den Nutzern bei der eindeutigen Wahrnehmung und Bedienung, wie in den folgenden WCAG-Techniken erklärt wird:
Weiterlesen …
Allgemeine Techniken
HTML-Techniken
Client-seitige Scripting-Techniken
Typische Fehler
Zappelnde, blinkende oder gar blitzende Inhalte sind nicht nur verwirrend und halten von der Aufnahme der eigentlichen Inhalte einer Seite ab, sie können für bestimmte Benutzergruppen auch zu einem echten medizinischen Problem werden, wenn durch flackernde Inhalte epileptische Anfälle ausgelöst werden. Wie Sie dies verhindern wird in den folgenden WCAG-Techniken erklärt:
Weiterlesen …
Allgemeine Techniken
- G11: Erstellung von Inhalten, die weniger als 5 Sekunden blinken
- G15: Benutzung eines Werkzeugs um sicherzustellen, dass Inhalte nicht die allgemeinen Grenzwerte zu Blitzen und roten Blitzen verletzen
- G19: Sicherstellen, dass kein Bestandteil des Inhalts mehr als dreimal in einem beliebigen, eine Sekunde dauernden Zeitraum blitzt
- G152: Animierte gif-Bilder so einstellen, dass sie nach n Zyklen (innerhalb von 5 Sekunden) aufhören zu blinken
- G176: Den blitzenden Bereich klein genug halten
- G186: Benutzung eines Steuerelementes auf der Webseite, mit dem man sich bewegende, blinkende oder sich automatisch aktualisierende Inhalte anhalten kann
- G187: Benutzung einer Technik, um blinkende Inhalte einzuschließen, die über den Benutzeragenten ausgeschaltet werden kann
- G191: Bereitstellung eines Links, einer Schaltfläche oder eines anderen Mechanismus, der die Seite erneut ohne blinkende Inhalte lädt
Client-seitige Scripting-Techniken
Typische Fehler
Ebenso wie Weiterleitungen können periodische Aktualisierungen und dynamische Änderungen am Seiteninhalt in vielen assistiven Hilfsmitteln dazu führen, dass die Nutzbarkeit eines Angebots stark eingeschränkt oder sogar unmöglich gemacht wird. Tipps zur Vermeidung, aber auch immer wieder gern gemachte Fehler finden Sie in den folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
- G10: Durch die Benutzung einer Technik, welche die API-Barrierefreiheitsfunktion der Plattform, auf dem der Benutzeragent laufen wird, unterstützt, werden Bestandteilen erstellt, um Namen und Rollen offenzulegen, um eine direkte Festlegung der vom Benutzer festzulegenden Eigenschaften zu ermöglichen und eine Benachrichtigung über Änderungen zur Verfügung zu stellen
- G75: Bereitstellung eines Mechanismus, um jegliche Aktualisierung des Inhalts aufzuschieben
- G76: Bereitstellung eines Mechanismus, um die Aktualisierung von Inhalten anzufordern statt einer automatischen Aktualisierung
- G108: Benutzung von Auszeichnungsfunktionen, um Name und Rolle offenzulegen, um es zu ermöglichen, vom Benutzer einzustellende Properties direkt festzulegen und um Benachrichtigungen über Änderungen zur Verfügung zu stellen
- G135: Benutzung der API Barrierefreiheitsfunktionen einer Technik, um Namen und Rollen offenzulegen, um eine direkte Festlegung der vom Benutzer festzulegenden Eigenschaften zu ermöglichen und eine Benachrichtigung über Änderungen zur Verfügung zu stellen
Client-seitige Scripting-Techniken
Typische Fehler
- F16: Fehler bei Erfolgskriterium 2.2.2, weil scrollende Inhalte enthalten sind, bei denen die Bewegung für die Handlung nicht unentbehrlich ist, ohne zusätzlich einen Mechanismus aufzunehmen, um Inhalte anzuhalten und wieder zu starten
- F59: Fehler bei Erfolgskriterium 4.1.2, weil Script benutzt wird, um div oder span zu einem Steuerelement der Benutzerschnittstelle in HTML zu machen
- F60: Fehler bei Erfolgskriterium 3.2.5, weil ein neues Fenster geöffnet wird, wenn ein Benutzer Text in einem Eingabefeld eingibt
- F61: Fehler bei Erfolgskriterium 3.2.5, weil der Hauptinhalt durch eine automatische Aktualisierung, die der Benutzer aus dem Inhalt heraus nicht deaktivieren kann, komplett geändert wird
- F76: Fehler bei Erfolgskriterium 3.2.2, weil in einem Element der Benutzerschnittstelle an einem Ort, den Benutzer umgehen können, Material mit Anweisungen zu den Änderungen des Kontextes durch die Änderung der Einstellungen bereitgestellt wird
Bestimmte Techniken, um Seiten auf andere URLs weiterzuleiten führen in vielen Hilfsmitteln behinderter Menschen zu Problemen, können aber auch ohne Hilfsmittel ganz schön verwirrend sein. Wie man es als Anbieter besser macht zeigen die folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
HTML-Techniken
Server-seitige Scripting-Techniken
Sie sind einfach nicht auszurotten, obwohl es sich mittlerweile rumgesprochen haben sollte, dass sie für Spambots meist eine wesentlich geringere Hürde darstellen als für echte menschliche Nutzer: CAPTCHAs. Welche Alternativen es zu unleserlichen Sicherheits-Grafiken gibt lesen Sie in den folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
Barrierefreiheit geht insbesondere in Formular-Anwendungen weit über technische und gestalterische Details hinaus und schließt im Grunde genommen den gesamten Prozess bis zum erfolgreichen Abschluss einer Transaktion mit ein – ein Umstand der in den letzten Jahren auch verstärkt im Prüfverfahren des BIENE-Wettbewerbs berücksichtigt wurde. Wie Sie Ihre Nutzer bei der Bewältigung möglicher Hürden unterstützen steht in den folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
Ihr Formulardesign kann noch so ausgefeilt und gut getestet sein – Nutzer machen trotzdem Fehler. Die Frage ist nur wie Sie als Anbieter mit diesen Fehlern umgehen: unterstützen Sie den Nutzer bei der Korrektur oder lassen Sie ihn im Dunklen? Was es bei Fehlermeldungen zu beachten gibt wird in den folgenden WCAG-Techniken erklärt:
Weiterlesen …
Allgemeine Techniken
Client-seitige Scripting-Techniken
Ohne Buttons werden Nutzer kaum in der Lage sein, ein Formular abzuschicken, daher sollten Sie diesen die gleiche Aufmerksamkeit zukommen lassen wie den übrigen Formularelementen. Was es hierbei zu beachten gibt, sieht man an den folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
HTML-Techniken
Typische Fehler
Bei der Verwendung von Skripten zur dynamischen Änderung von Formularen gibt es eine ganze Reihe Aspekte der Barrierefreiheit zu beachten, wie in den folgenden WCAG-Techniken erklärt wird:
Weiterlesen …
Allgemeine Techniken
Client-seitige Scripting-Techniken
Typische Fehler
Neben dem technischen Aufbau gehören auch konzeptionelle und gestalterische Aspekte zur Umsetzung einer barrierefreien Formular-Anwendung. Welche das sind zeigen die folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
HTML-Techniken
Typische Fehler
ARIA-Techniken
Falls Sie bereits den kommenden WAI-ARIA-Standard einsetzen sollten Sie neben den passenden Techniken auch die WAI-ARIA Technik-Anmerkungen zu Rate ziehen.
Formulare sind die hohe Schule des barrierefreien Webdesigns – wenn hier etwas nicht nutzbar ist, dann ist oftmals für den Nutzer an dieser Stelle das Ende eines Prozesses erreicht und ein geplanter Einkauf oder eine Beteiligung an einer Diskussion bleibt ihm verwehrt. Wie Sie Ihren Formularen eine barrierefreie technische Basis geben wird in den folgenden WCAG-Techniken gezeigt:
Weiterlesen …
HTML-Techniken
CSS-Techniken
Typische Fehler
Zum guten Ton gehört es, dass Fenster und Popups nicht einfach so ohne Zutun und ausdrücklichen Wunsch des Nutzers geöffnet werden. Lesen Sie hierzu die folgenden WCAG-Techniken:
Weiterlesen …
Allgemeine Techniken
HTML-Techniken
Client-seitige Scripting-Techniken
Typische Fehler
Gerade komplexe Websites leben von einer ausgefeilten Navigation, mit der man bequem sämtliche Inhalte eines Angebots erreichen kann. Eine Vielzahl von WCAG-Techniken zeigt, wie Sie diese barrierefrei hinbekommen und welche Hilfen Sie zusätzlich zur Verfügung stellen können:
Weiterlesen …
Allgemeine Techniken
HTML-Techniken
CSS-Techniken
Client-seitige Scripting-Techniken
Typische Fehler
