Nils Dardemann

Alle Fachbeiträge von Nils Dardemann

Hier findest du alle Beiträge von Nils Dardemann

Kennst du das? Du klickst auf einen Link, freust dich auf den Inhalt und landest stattdessen auf einer 404-Seite. Ärgerlich, oder? Jetzt stell dir vor, du benutzt einen Screenreader (Bildschirmlesegerät) […]

Dieses WCAG-Kriterium verlangt, dass wichtige Status-Informationen („Statusmeldungen“) auf Webseiten auch dann von Hilfstechnologien wie Screenreadern wahrgenommen werden, wenn sie nicht den Fokus erhalten. Ziel ist, dass Nutzende über z. B. […]

Dieses WCAG-Kriterium verlangt, dass alle Bedienelemente auf einer Webseite (z.B. Buttons, Links, Formularelemente) so gestaltet sein müssen, dass Hilfstechnologien (z. B. Screenreader) erkennen können: Name: wie heißt das Element oder […]

Dieses WCAG-Kriterium verlangt, dass bei der Authentifizierung (z. B. Login) keine Aufgaben nötig sind, die das Gedächtnis oder das kognitive Vermögen stark überfordern. Das bedeutet, wenn Nutzende sich irgendwo einloggen, […]

Dieses WCAG-Kriterium verlangt, dass Nutzende in einem mehrstufigen Vorgang nicht unnötig mehrfach dieselben Informationen eingeben müssen. Wenn eine Information schon einmal im Rahmen dieses Vorgangs angegeben wurde, muss sie entweder […]

Dieses WCAG Erfolgskriterium besagt, dass Webseiten oder Web-Anwendungen besondere Vorkehrungen treffen müssen, wenn Nutzende Aktionen ausführen, die rechtliche Verpflichtungen, finanzielle Transaktionen oder Veränderung bzw. Löschung von Benutzerdaten bewirken. Der Nutzende […]

Wenn ein Nutzender bei einem Formular Eingabefehler macht (z. B. Pflichtfeld nicht ausgefüllt oder falsches Format eingegeben) und das System diesen Fehler automatisch erkennt, dann muss es ein Vorschlag machen, […]

Dieses WCAG verlangt, dass Nutzende jedes Mal, wenn eine Eingabe nötig ist (z. B. in Formularfeldern, Auswahlfeldern etc.), klare Beschriftungen (Labels) oder Anweisungen erhalten, damit sie wissen: was eingegeben werden […]

Dieses WCAG‐Kriterium verlangt, dass Fehler klar erkennbar sind, wenn Nutzende eine fehlerhafte Eingabe machen (z. B. in einem Formular). Dazu gehört, dass dieser Fehler in Textform erklärt wird. Das heißt: […]

Dieses WCAG-Kriterium verlangt, dass Hilfs-Mechanismen (z. B. Kontaktformular, Supportseite, FAQ, Chat etc.), wenn sie auf mehreren Seiten einer Website angeboten werden, auf allen diesen Seiten in derselben Reihenfolge bzw. Position […]

Dieses WCAG-Kriterium verlangt, dass wiederkehrende Funktionselemente über mehrere Seiten hinweg einheitlich bezeichnet und identisch erkennbar sind; also gleiche Funktionen sollen auch gleiche Namen, Labels oder Textalternativen haben. Tipps und Infos […]

Dieses WCAG-Kriterium verlangt, dass Navigations-Elemente, die auf mehreren Seiten derselben Website wiederholt werden, in derselben Reihenfolge erscheinen. Ziel ist, dass Nutzende schnell und vorhersehbar finden können, wo etwa das Menü, […]

Dieses WCAG-Kriterium besagt: Wenn z.B. ein Formularfeld, ein Auswahlmenü oder eine Checkbox geändert wird (durch Eingabe oder Auswahl) darf nicht automatisch etwas passieren, das den Kontext ändert; außer der Nutzer […]

Dieses WCAG-Kriterium besagt: Wenn ein Bedienelement (z. B. ein Link, eine Schaltfläche oder ein Formularfeld) Fokus erhält, darf dadurch nicht der Kontext der Seite verändert werden. Das heißt, es dürfen […]

Dieses WCAG-Kriterium verlangt, dass für jeden fremdsprachigen Teil eines Inhalts, klar erkennbar gemacht wird, in welcher Sprache dieser Teil ist, und zwar so, dass Hilfstechnologien (z. B. Screenreader) oder Browser […]

Dieses WCAG-Kriterium verlangt, dass die primäre Sprache einer Webseite so gekennzeichnet wird, dass assistive Technologien (z. B. Screenreader) sie automatisch erkennen können. Wenn Menschen mit Sehbehinderungen Text vorgelesen bekommen, muss […]

Dieses WCAG-Kriterium verlangt, dass interaktive Bedienelemente für Zeigegeräte (Maus, Touch, Stift etc.) entweder eine Mindestfläche haben oder ausreichend Abstand zueinander besitzen, damit Nutzende sie leichter bedienen können. Viele Menschen haben Schwierigkeiten, […]

Dieses WCAG-Kriterium verlangt, dass alle Funktionen, die per Zieh-Bewegung gesteuert werden, auch alternativ mit nur einem Zeigegerät ohne Ziehen (z. B. Klick oder Tippen) bedienbar sein müssen; außer das Ziehen […]

Dieses WCAG-Kriterium verlangt, dass alle Funktionen, die durch Bewegung ausgelöst werden (z. B. Schütteln oder Neigen des Geräts, Gesten, oder Bewegungssensoren) nicht ausschließlich über diese Bewegungen bedient werden dürfen. Es […]

Dieses WCAG-Kriterium verlangt folgendes: Wenn ein Steuerelement (z. B. ein Button, ein Eingabefeld) eine sichtbare Beschriftung hat, dann muss auch sein von einer Software wie einem Screenreader ermittelbarer Name (zugänglicher […]

Dieses WCAG-Kriterium verlangt, dass Funktionen, die mit einem einzelnen Zeiger (Maus, Touch etc.) ausgelöst werden, so gestaltet sind, dass versehentliche Aktivierungen möglichst vermieden werden können. Das bedeutet beispielsweise, dass eine Aktion […]

Dieses WCAG-Kriterium verlangt, dass alle Funktionen, die sonst mit Mehrpunkt- oder pfad-basierten Gesten (z. B. Wischbewegungen, Gesten mit zwei Fingern) bedienbar sind, auch über einfache Ein-Zeiger-Interaktionen (z. B. Klick, Tippen, […]

Dieses WCAG-Kriterium besagt folgendes: Wenn ein Element per Tastatur den Fokus bekommt, darf es nicht komplett von anderem Inhalt verdeckt sein. Das heißt: Nutzende, die mit der Tastatur navigieren (oder […]

Das WCAG-Kriterium besagt: Wenn eine Webseite mit der Tastatur bedienbar ist, muss klar erkennbar sein, welches Element gerade den Fokus hat. Das bedeutet: Wenn z. B. ein Nutzender mit Tab […]

Dieses Erfolgskriterium verlangt, dass Überschriften und Labels informativ und beschreibend sein müssen. Überschriften sollen den Inhalt von Abschnitten treffend zusammenfassen und Labels bei Formularen oder Bedienelementen eindeutig auf deren Funktion […]

Das WCAG-Kriterium verlangt, dass Nutzende Inhalte einer Website auf mindestens zwei unterschiedliche Weisen erreichen können (außer wenn sich die Seite in einem Abschluss- oder Prozessschritt befindet). Ziel ist es, jedem […]

Dieses WCAG-Kriterium besagt, dass der Zweck jedes Links entweder durch den Linktext allein oder in Kombination mit den umliegenden Elementen (im Kontext) verständlich sein muss. Dies ist entscheidend für Nutzende, […]

Dieses WCAG-Kriterium verlangt, dass interaktive Elemente (z. B. Links, Buttons, Formulare) bei Bedienung mit der Tastatur den Fokus in einer logischen Reihenfolge bekommen. Die Reihenfolge sollte der visuellen Darstellung und Bedeutung […]

Dieses WCAG-Kriterium verlangt, dass jede Webseite einen aussagekräftigen Titel erhält, der Thema oder Zweck der Seite klar beschreibt. Dadurch können alle Nutzenden und insbesondere blinde Nutzende mit Screenreadern sofort erkennen, […]

Dieses WCAG-Kriterium verlangt, dass Webseiten einen Mechanismus bieten, mit dem Nutzende wiederkehrende Inhaltsbereiche (z. B. die Hauptnavigation) überspringen können, um schnell zum Hauptinhalt zu gelangen. Ziel ist es, insbesondere für Menschen, […]

Dieses WCAG-Kriterium verlangt, dass auf Webseiten alle Inhalte, die sich bewegen, blinken, scrollen oder automatisch aktualisiert werden und länger als fünf Sekunden laufen oder parallel zu anderem Inhalt angezeigt werden, […]

Dieses WCAG-Kriterium verlangt, dass alle Inhalte, die durch eine zeitliche Begrenzung gesteuert werden (z. B. Formulare, automatische Weiterleitungen oder Slideshows), so gestaltet sein müssen, dass Nutzende entweder diese Zeitbegrenzung abschalten, von […]

Bei diesem WCAG-Kriterium geht es um Tastenbefehle (Kurzbefehle oder Shortcuts), die ausschließlich mit druckbaren Zeichen aktiviert werden (also Buchstaben, Zahlen, Satzzeichen oder Symbolen). Diese Zeichen-Tastenbefehle können kollidieren mit Assistenztechnologien wie […]

Wenn der Tastaturfokus mit der Tastatur auf eine Komponente auf der Seite bewegt werden kann, muss er sich auch mit der Tastatur wieder von dieser Komponente weg bewegen lassen. Falls […]

Dieses WCAG-Kriterium verlangt, dass alle funktionalen Inhalte einer Webseite über eine Tastatur bedienbar sein müssen – also über Tab, Enter, Pfeiltasten, Leertaste usw. – ohne zeitliche Anforderungen an die Eingaben. Ausgenommen […]

Dieses WCAG-Kriterium verlangt, dass Nutzer den Zeilenabstand (≥ 1,5 × Schriftgröße), Absatzabstand (≥ 2 × Schriftgröße), Buchstabenabstand (≥ 0,12 × Schriftgröße) und Wortabstand (≥ 0,16 × Schriftgröße) anpassen dürfen, ohne dass dadurch Inhalte abgeschnitten, überlappt oder Funktionalitäten beeinträchtigt werden. Websites müssen so gestaltet […]

Dieses WCAG-Kriterium fordert, dass „visuelle Informationen zum Erkennen von Benutzer­oberflächen­komponenten und -zuständen sowie von Bedeutung tragenden grafischen Objekten“ einen Kontrast von mindestens 3  zu 1 gegenüber der angrenzenden Farbe aufweisen […]

Dies WCAG-Kriterium verlangt, dass Inhalte so präsentiert werden können, dass bei Zoom bis zu 400 % keine horizontale und vertikale Scroll-Leiste gleichzeitig notwendig ist. Auf der Website darf kein Inhalt oder […]

Dieses WCAG Kriterium besagt, dass ein Text, der für sich stehen kann, nicht als Bild oder auf einem Bild präsentiert werden sollte. Ausnahmen sind zum Beispiel Logos oder Bilder und […]

Dieses WCAG-Kriterium verlangt, dass auf einer Webseite sämtlicher Text (außer Bildtexten und Untertiteln) ohne zusätzliche Hilfsmittel – also nur mittels Browserzoom oder Textskalierung – bis zu 200 % vergrößert werden kann, […]

Dieses WCAG-Kriterium verlangt, dass der visuelle Kontrast zwischen Text (oder Textbildern) und ihrem Hintergrund mindestens 4,5:1 beträgt (für normalen Fließtext), bzw. mindestens 3:1 für Großtext (ab 18 pt normal oder 14 pt […]

Dieses WCAG-Kriterium besagt, dass für automatisch abgespielte Audioinhalte auf einer Webseite, die länger als drei Sekunden dauern, eine Funktion bereitgestellt werden muss, mit der Nutzer das Audio pausieren, beenden oder […]

Das WCAG‑Kriterium verlangt, dass Farbe niemals das einzige Mittel sein darf, um Informationen zu übermitteln, Aktionen anzuzeigen, Reaktionen auszulösen oder visuelle Elemente zu unterscheiden. Ziel ist es sicherzustellen, dass auch […]

Digitale Barrierefreiheit ist kein Spezialthema für eine kleine Randgruppe – sie betrifft Millionen von Menschen. Ob jemand eine Seh- oder Hörbehinderung hat, motorisch eingeschränkt ist oder kognitive Unterstützung braucht: Das […]

Dieses WCAG‑Kriterium soll sicherstellen, dass der Zweck jedes Formularfelds, das zur Erfassung von Nutzerdaten dient (z. B. Name, E‑Mail, Telefonnummer), technisch erkennbar ist. Das bedeutet, dass Benutzer bei Formularfeldern unterstützt werden, […]

Dieses WCAG-Kriterium verlangt, dass Inhalte nicht auf eine bestimmte Bildschirm-Ausrichtung (z. B. nur Hoch- oder Querformat) beschränkt sein dürfen, es sei denn, eine bestimmte Ausrichtung ist wesentlich für die Nutzung (z. B. […]

Digitale Produkte sind längst ein zentraler Bestandteil unseres Alltags – egal ob Website, App oder Dokument. Doch für viele Menschen mit Einschränkungen stellen sie oft noch unnötige Hürden dar. Dabei […]

Dieses WCAG-Kriterium verlangt, dass Anleitungen zur Bedienung von Inhalten nicht ausschließlich auf sensorischen Hinweisen wie Form, Farbe, Größe, visuelle Position, Orientierung oder Klang beruhen dürfen. Das bedeutet, dass Informationen wie […]

Dieses WCAG-Kriterium verlangt, dass Inhalte in einer sinnvollen Reihenfolge präsentiert werden, wenn die Reihenfolge die Bedeutung beeinflusst. Laut der WCAG-Erklärung muss sichergestellt werden, dass Nutzer, die assistive Technologien wie Screenreader […]

Dieses WCAG-Kriterium verlangt, dass alle Informationen, die durch visuelle oder auditive Gestaltung vermittelt werden – wie Überschriften, Listen, Tabellen, Gruppen von Formularfeldern oder Hervorhebungen – auch für unterstützende Technologien wie […]

Wenn ein aufgezeichneter Videoinhalt wichtige Informationen nicht über die Audiospur vermittelt, müssen diese über eine Audiobeschreibung bereitgestellt werden. Das ist eine Tonspur, die während der Pausen im Dialog visuelle Informationen beschreibt, […]

Für alle Live-Übertragungen von synchronisierten Medieninhalten (zum Beispiel Live-Video mit Ton) müssen Untertitel bereitgestellt werden. Ziel ist es, dass Menschen mit Hörbehinderungen auch an Live-Inhalten teilhaben können, indem sie den […]

Wenn es in einem Video relevante Informationen gibt, die nicht über die Audiospur vermittelt werden (z.B. wichtige Handlungen oder Text im Video), dann muss eine Audiobeschreibung oder ein beschreibendes Transkript […]

Für Videos mit Ton müssen synchronisierte Untertitel für die Audioinhalte angeboten werden. Synchronisiert bedeutet, dass Bild und Ton zeitlich aufeinander abgestimmt sind und gemeinsam abgespielt werden – zum Beispiel, wenn […]

Es ist wichtig, nicht davon auszugehen, dass jeder Nutzer Videoinhalte sehen oder Audioinhalte hören kann und jeweils Alternativen bereitzustellen. Reine Videoinhalte haben keine Audiospur. Sofern sie aber relevante Informationen auf […]

Hier kommt eine kurze Checkliste auf Basis der Web Content Accessibility Guidelines (WCAG Version 2.1 Level AA) für deine Website. Wir haben die aus unserer Sicht wichtigsten Punkte für dich […]

Textalternativen sollen sicherstellen, dass alle relevanten nicht-textlichen Inhalte auch in Textform bereitgestellt werden. Ein elektronischer Text ist die barrierefreiste Form eines Inhalts, da er durch assistierende Technik einfach verarbeitet (z. B. […]

Wenn uns jemand fragen würde, wo er oder sie mit der Optimierung auf Barrierefreiheit anfangen soll, dann würden wir sagen: Tastaturbedienbarkeit. Denn das ist ein grundlegendes Schlüsselelement für eine barrierefreie […]

In diesem Beitrag beantworten wir Fragen rund um Barrierefreiheit und einer barrierefreien Website. Wie wird Barrierefreiheit definiert?Warum ist Barrierefreiheit wichtig?Wie viele Menschen mit Behinderung gibt es?Welche Formen von Beeinträchtigungen gibt […]

Menschen mit Photosensibilität reagieren empfindlich auf blinkende Lichter, Blitz- und Stroboskopeffekte in Videos, Grafiken und Animationen sowie auf Bildschirmflimmern, hohe Kontraste und grelle Farben. Diese Reizüberempfindlichkeit kann zu Kopfschmerzen, Augenbrennen […]

Es gibt vielfältige Formen von kognitiver Beeinträchtigung, die sich sehr unterschiedlich äußern können; z.B. eingeschränktes Verständnis, geringe Toleranz gegenüber kognitiver Überlastung, begrenzte Fähigkeit zur Problemlösung, Schwierigkeiten mit dem Kurzzeitgedächtnis, Aufmerksamkeitsdefizit […]

Es gibt viele verschiedene Formen von motorischen Beeinträchtigungen; z.B. Menschen mit eingeschränkter Muskelkontrolle, Sensibilitätsstörungen, Lähmungen, Gelenkbeschwerden oder fehlenden Gliedmaßen. Die Folge ist in der Regel eine bestimmte Mobilitätseinschränkung. So kann […]

Hinweis: Diese Nutzergruppe umfasst gehörlose Menschen und Menschen mit starker Höreinschränkung, da die grundlegenden Anforderungen an eine barrierefreie Website gleich sind. Gehörlose Menschen und Menschen mit starker Höreinschränkung können Audioinhalte […]

Menschen mit Farbfehlsichtigkeit fällt es schwer bestimmte Farbwerte mit ähnlicher Helligkeit und Leuchtkraft, wie Rot und Grün, zu unterscheiden. Grundsätzlich gibt es für die Nutzergruppe keine Hilfsmittel, außer möglicherweise Kontrasteinstellung […]

Die Form der Seheinschränkung kann sehr unterschiedlich sein. Oft müssen aber Benutzer mit Seheinschränkung Inhaltselemente vergrößern, um sie erkennen zu können. Zur Vergrößerung auf der Website können Benutzer unterschiedliche Hilfsmittel […]

Blinde Benutzer bedienen eine Website mit einem Screenreader. Sie hören sich also eine Website an. Da blinde Menschen in der Regel über ein besseres Hörvermögen verfügen, passiert dies erheblich schneller, […]

Möchtest du, dass deine Dokumente von möglichst vielen Menschen gelesen und verstanden werden können? Dann ist Barrierefreiheit der Schlüssel. In diesem Artikel erfährst du 5 Tipps, wie du barrierefreie Dokumente […]

In der digitalen Welt ist Barrierefreiheit ein essenzieller Faktor, um Webseiten für alle Nutzer zugänglich zu machen. Das WAVE Web Accessibility Evaluation Tool hilft dabei, Websites auf ihre Zugänglichkeit zu […]

Akkordeons sind beliebte Komponenten im Design von Webseiten, um Inhalte platzsparend und strukturiert präsentieren zu können. Doch ohne eine entsprechende barrierefreie Umsetzung können sie für viele Nutzer zur Barriere werden. […]

In diesem Beitrag erfährst du, wie wir den zu geringen Kontrast des Textes im Einstiegsbereich unserer Website gelöst haben. Außerdem erfährst du, warum ausreichend Kontrast für eine barrierefreie Website wichtig […]

Ein mentales Modell ist die Vorstellung, die Menschen davon haben, wie etwas funktioniert. Im Webdesign spielt es eine wichtige Rolle, weil Nutzer Websites intuitiv verstehen und bedienen möchten. Sie bringen […]

Das Prinzip Robust ist das vierte Grundprinzip der Web-Barrierefreiheit. Es besagt, dass Inhalte robust genug sein müssen, um von einer großen Vielfalt an Benutzeragenten, einschließlich assistiver Technologien, zuverlässig interpretiert werden […]

Das Prinzip Bedienbar der Web Content Accessibility Guidelines (WCAG) ist das zweite der vier Grundprinzipien für barrierefreie Websites. Es besagt, dass alle Komponenten der Benutzeroberfläche und Navigation bedienbar sein müssen. […]

Das Prinzip "Wahrnehmbar" der Web Content Accessibility Guidelines (WCAG) ist eines der vier Grundprinzipien für barrierefreie Websites. Es besagt, dass Informationen und Benutzeroberflächen-Komponenten so präsentiert werden müssen, dass sie von […]

Barrierefreies Webdesign macht deine Seite nicht nur für Menschen mit Beeinträchtigungen zugänglicher, sondern verbessert in der Regel auch die Usability (Bedienfreundlichkeit) der Website für alle Nutzer. Hier kommen ein paar […]

Alt-Attribute sind wichtige Bestandteile einer barrierefreien Website. Sie ermöglichen es blinde Personen und Menschen mit Seheinschränkung, den Inhalt von Bildern und anderen visuellen Elementen besser zu verstehen. Wenn du Bilder […]