Zweiter Blick: Startseite für ein Barrierefreies Web

BarrierefreiheitDarstellungsoptionen

Symbol Barrierefreiheit

Aktuelles von Zweiter Blick

Symbol Politische Beratung

Ich habe meine Erkenntnisse zur politischen Verantwortung für digitale Barrierefreiheit ausgearbeitet und in einen neuen Artikel eingedampft. Politisch Verantwortliche und zivilgesellschaftliche Initiativen aus fast allen Politiksegmenten können darin Anregungen finden.

Politische und gesellschaftliche Teilhabe, Chancengleichheit und Chancengerechtigkeit werden hier querfeldein ebenso thematisiert wie die Wahrung der Privatsphäre. Digitale Barrierefreiheit erweist sich dabei als Querschnittsmaterie.

HEAD

Nicht nur im <body>-Bereich ist für Barrierefreiheit zu sorgen. Auch die Metadaten im <head> können aus der Perspektive der Barrierefreiheit reflektiert werden. Die Bedürfnisse überschneiden sich dabei vielfach mit der Suchmaschinenoptimierung (SEO).

Überwiegend geht es darum, technisch korrekte Maßnahmen zu treffen. Elemente, wie Seitentitel oder Seitenbeschreibung, fallen im Hinblick auf Usability und Suchmaschinen in den Bereich redaktioneller Verantwortung.

Checkboxen

Die Königsdisziplin im Barrierefreien Webdesign stellen wohl Formulare dar. Für keine andere Komponenten auf Webseiten lassen sich ähnlich viele WCAG-Richtlinien und ARIA-Attribute finden.

Allerdings bedarf es eines korrekten Verständnisses und überlegten Einsatzes der Empfehlungen und Technologien. Ich habe meine Recherchen und Erkenntnisse revidiert und neuerlich zusammengefasst.

Logo Microsoft Word

Auch Word Dokumente, die auf Webseiten verlinkt sind, müssen barrierefrei sein. Es gilt, die ganze Palette der Semantik zu berücksichtigen, also Überschriften, Listen, Tabellen usw.

Zudem werden vielfach PDF-Dateien aus Word-Dokumenten generiert und die Barrierefreiheit der auf diese Weise erstellten PDF Datei hängt von der Barrierefreiheit der ursprünglichen Word Datei ab. Zudem gibt es Tools für die Prüfung der Dokumente und zum Exportieren in das PDF-Format.

PDF

Was muss berücksichtigt werden, wenn PDF-Dateien barrierefrei sein sollten? Welche speziellen Richtlinien sind anzuwenden und welche Verfahren gibt es dazu?

Ich habe meinen Artikel zu PDF-Barrierefreiheit gründlich überarbeitet und erweitert. Insbesondere habe ich nun begonnen, Tools zu analysieren, die zur Verbesserung der Barrierefreiheit von PDF-Dateien verwendet werden sollten.

JAWS for Windows

Es scheint befremdlich, dass ausgerechnet der meistverbreitete Screen Reader für Windows in seiner neuen Version semantische Informationen aus HTML5 und ARIA Roles in der Standardkonfiguration teilweise unterdrückt.

Ich habe in meinem Artikel zu JAWS vermutliche Beweggründe, Konfigurationsanleitungen und meine Bewertung in einer Info zusammengefasst.

Symbol Tabelle

Wie gelingt es, ein zweidimensionales Element, wie es eine Datentabelle ist, für die lineare Wahrnehmung mittels Screen Reader verständlich zu realisieren? Und wann darf noch überlegt werden, die Seitenelemente heimlich mittels einer Tabelle im Hintergrund zu positionieren und was ist dabei zu berücksichtigen?

Ich habe meinen Artikel zu Tabellen gründlich revidiert und gestrafft und damit begonnen, Überlegungen zu interaktiven Komponenten in Datentabellen zusammenzufassen.

WCAG 2.1

Fast 20 Jahre nach der Veröffentlichung der web Content Accessibility Guidelines in der Version 1.0 durch das World Wide Web Consortium (W3C) und 10 Jahre nach den Empfehlungen in der Version 2.0 wird im Sommer 2018 die Version 2.1 als überarbeitete Empfehlung in Kraft treten.

Ich habe zu den Erweiterungen recherchiert und Materialien zum deren Verständnis zusammengefasst. Vor allem die Entwicklungen durch HTML5 und WAI-ARIA haben technische Möglichkeiten zur Verbesserung der Barrierefreiheit gebracht.

Eidechse

Wenn sich am Rand des Gesichtsfeldes etwas ändert, kann dies mit den Augen bemerkt werden. Vorausgesetzt ist, dass mit den Augen überhaupt eine Wahrnehmung möglich ist.

Wenn sich auf dynamischen Webseiten außerhalb des Fokus etwas ändert, muss dies für Menschen, die Änderungen nicht visuell wahrnehmen können, technisch wahrnehmbar gemacht werden. Dafür stehen die ARIA-Attribute für Live Regionen zur Verfügung.

Symbol Überschrift

Webseiten sind keine Romane, die man von Seite Eins bis zum Ende liest. Sie sind eher Sachbüchern oder Nachschlagewerken vergleichbar, aus denen einzelne Inhalte herausgepickt werden.

Zum Herauspicken relevanter Inhalte bedarf es vor allem verständlicher und mit Technologien bedienbarer Überschriften. Ich habe meinen umfangreichen Artikel zu diesem Kernthema für Barrierefreiheit und Usability aktualisiert.

Bodenindikatoren für Niveauunterschied

Wer wird meine Texte lesen und wer wird sie verstehen? Wie einfach oder schwierig Texte verständlich sind, entscheidet über den Erfolg einer Webseite.

Von der Gastprofessorin bis zum Migranten profitieren alle von einer einfachen Sprache. Und wenn wir selbst nur über marginale Sprachkenntnisse aus unserem Urlaubsland verfügen, sind wir froh, wenn uns diese weiterhelfen.

Labyrinth mit tastbarem Bodenleitsystem für einen Blindenstock

Wie finde ich den Bereich auf einem Webauftritt, der mich interessiert? Ich gehe auf die Startseite und gebe vielleicht einen Suchbegriff in das Suchformular ein. Das funktioniert jedoch nur, wenn mir die relevanten Begriffe schon bekannt sind. Wenn ich mich in eine Thematik erst einarbeiten muss, bin ich auf verständliche und gut bedienbare Navigationsbereiche angewiesen.

Ich habe meinen Artikel zur Optimierung der Navigationsbereiche gründlich revidiert und aktualisiert.

Ausschnitt E-Mail Kopf

E-Mails können und sollten so einfach wie möglich abgesendet werden. Doch auch für diese gibt es unter Umständen Möglichkeiten zur Optimierung der Barrierefreiheit.

Wenn jedoch über einen Newsletter gleich eine größere Gruppe, vielleicht sogar mit angereichertem Layout, adressiert wird, ist Barrierefreies Webdesign unbedingt zu berücksichtigen.

Symbolgrafik Besprechung

Was sollten Hauptverantwortliche für einen Webauftritt wissen und berücksichtigen? Barrierefreiheit dient der Suchmaschinenoptimierung und den Zielgruppen Ihres Auftritts.

Labyrinth

Wem hilft ein barrierefreies Webdesign und welche Szenarien sind zu berücksichtigen? Eine Übersicht zu Bedürfnissen unterschiedlicher Menschen mit Behinderungen und wie alle von Barrierefreiheit profitieren können.

Externer Link

Die Auswertung der Befragung zur Nutzung von Screen Readern durch WebAIM ist nun verfügbar. Ich habe das Ergebnis für die Entwicklung von Barrierefreiem Webdesign hin zusammengefasst.

JAWS Entwicklerseite

JAWS - Der meistverbreitete Screen Reader

Wenn bei der Entwicklung von barrierefreien Webseiten ein Screen Reader bedacht werden sollte, dann ist es JAWS. Ich habe meinen Artikel zu JAWS gründlich aktualisiert und erweitert.

Jessye Norman als Dido im Youtube Portrait

Videodateien barrierefrei einbetten

Videos sind zum Hören und zum Sehen. Was aber, wenn ein Sinneskanal eingeschränkt ist, sei es durch persönliche Beeinträchtigungen oder Umweltfaktoren?

Ich habe persönliche Überlegungen und allgemeine Richtlinien gesammelt.

Symbolgrafik Besprechung

Prozessplanung zur Entwicklung barrierefreier Webinhalte

Wie gehen wir ein Projekt zur Barrierefreiheit an? Welche Ziele und Zielgruppen gibt es, wer gehört ins Projektteam und welche Schritte sind nötig? All das gehört sorgfältig geplant, um effizient und nachhaltig barrierefreie Webangebote zu realisieren.

Akkordeon Fächerdetail

Inhalte erst über eine Funktion zum Ausklappen bereit zu stellen, bedarf Überlegungen zur Usability im Hinblick auf Zielgruppen und technischer Maßnahmen. Ich habe Recherchen und Erfahrungen in diesem Artikel gesammelt.

Style Switcher

Die farbliche Darstellung eines Webauftritts ändern zu könne, ist manchmal für die Barrierefreiheit notwendig. Gezielt eingesetzt können alternative Farbdesigns bestimmten Zielgruppen eine große Erleichterung bringen.

Wann Style Switcher erforderlich sind und wie man sie machen sollte, wenn man sie macht, finden Sie in diesem Artikel.

Baustellenschild

Seite in Aufbau

Wenn immer Sie dieses Symbol sehen, werden sie auf merklich unfertige Webseiten stoßen.

Diese Seite ist in Entwicklung. Sie können aber schon durch unser Dorf spazieren, in dem noch nicht alles zugepflastert ist.