Barrierefreiheit für den Link in Bio: Checkliste
Prüfe Beschriftungen, Bilder, Kontrast, Tastatur und Vergrößerung deiner Linkseite mit einer Studio-Demo und offiziellen W3C-Quellen.
Wähle eine konkrete Aufgabe
Schreibe auf, was jemand erledigen soll: Öffnungszeiten lesen, Arbeiten ansehen oder eine Anfrage öffnen. Verwende die öffentlich geteilte Adresse statt eines Editor-Screenshots. Notiere Datum, Gerät, Browser und den blockierten Schritt. Bewahre ungespeicherte Änderungen in einem anderen Tab auf. Prüfe in Linkrise die ausgewählte Seite und warte nach dem Speichern auf die Bestätigung.
Benenne Handlung und Ziel
Lies die Buttons ohne ihre Fotos. Mehrere Beschriftungen wie Mehr oder Hier zwingen zum Raten. Porträts ansehen und Verfügbarkeit anfragen unterscheiden Aufgaben. Eine Anfrage darf keine bestätigte Buchung versprechen. Prüfe das Ziel und erwähne gegebenenfalls eine PDF-Datei oder einen externen Dienst. Ein klarer Name macht ein geschlossenes Formular nicht wieder nutzbar.
Redaktionelles Beispiel: Ziele klar benennen
Mira Studio ist ein fiktives Profil, dargestellt mit dem aktuellen Linkrise-Studio-Renderer und dem Design Peach Ribbon. Die drei Beschriftungen unterscheiden Ziele. Die Vorschau ist weder eine Zertifizierung noch ein Kundenergebnis. Interaktionen müssen auf der vollständigen öffentlichen Seite geprüft werden.
Checkliste zur Barrierefreiheit
Porträtsitzungen ansehen
Porträtsitzungen, aktuelle Fotografien und Fragen vor einer Buchung.
- Porträtsitzungen ansehen
- Verfügbarkeit anfragen
- Details zur Sitzung lesen
Prüfe den tatsächlichen Kontrast
Miss Text- und Hintergrundfarben mit einem Kontrastprüfer. WCAG nennt für gewöhnlichen Text 4.5:1 mit festgelegten Ausnahmen; dieser Wert bestätigt keine vollständige Barrierefreiheit. Bei Fotos zählt auch die schlecht lesbare Stelle hinter dem Text. Prüfe nach einem neuen Ausschnitt erneut. Wichtige Zustände oder Unterschiede dürfen nicht allein von einer Farbe abhängen.
Löse wichtige Informationen aus Bildern
Stehen Adresse, Zeiten oder Anweisungen auf einem Plakat, ergänze sie als lesbaren Seitentext. Das passende Textäquivalent hängt davon ab, ob ein Bild informiert, verlinkt oder dekoriert. Nutze Alternativtext, wenn dein Editor ihn anbietet, und prüfe die öffentliche Ausgabe. Eine Bildunterschrift repariert nicht automatisch alle semantischen Probleme. Melde Einschränkungen, die du selbst nicht beheben kannst, dem Anbieter.
Teste ohne Maus
Gehe mit Tab vorwärts und mit Umschalt+Tab zurück; öffne Links mit Enter. Der Fokus muss erkennbar bleiben und das Ziel erreichbar sein. Notiere unerreichbare Elemente, unsichtbaren Fokus oder eine feststeckende Navigation. Ersetze fehlerhafte Bedienelemente nicht durch dekorative Bilder. Dieser Test ersetzt keine Screenreader-Prüfung. Beziehe diese und nach Möglichkeit Menschen mit Erfahrung mit assistiven Technologien ein.
Vergrößere Text und verkleinere die Breite
Prüfe lange Beschriftungen bei vergrößerter Darstellung. Textvergrößerung auf 200% und Umbruch bei einer Referenzbreite von 320 CSS-Pixeln gehören zu unterschiedlichen Kriterien. Suche nach abgeschnittenen Wörtern und Bedienelementen außerhalb des Bildschirms. Prüfe auf dem Telefon auch eng benachbarte Ziele. Kleinere Schrift ist keine sinnvolle Reparatur, wenn dadurch das Lesen schwerer wird.
Dokumentiere eine kleine Reparatur
Halte Aufgabe, Hindernis, Element, Änderung und Ergebnis fest. Ein fiktives Fotostudio könnte drei Mehr-Buttons umbenennen und jemanden ohne Hinweis die Anfrage finden lassen. Speichere und prüfe die öffentliche Seite samt Nachbarelementen erneut. Trenne redaktionelle Korrekturen von Codeproblemen des Anbieters. Verfügbarkeit und die endgültige Buchung werden im externen Buchungsdienst geprüft.
Fragen vor dem Abschluss
Belegt ein fehlerfreier automatischer Scan vollständige Barrierefreiheit? Nein: automatische, manuelle und assistive Prüfungen ergänzen sich. Garantiert ein Design das Ergebnis? Ebenfalls nein; Inhalt und Bedienung der veröffentlichten Seite sind entscheidend. Wiederhole betroffene Tests nach Änderungen an Bildern, Sprache oder Zielen. Bewahre datierte Notizen ohne personenbezogene Daten auf und leite daraus keine formelle Konformitätszusage ab.
Offizielle Quellen zur Barrierefreiheit
- Offizielle Quellen zur Barrierefreiheit — W3C WAI
- Benenne Handlung und Ziel — WCAG 2.4.4
- Prüfe den tatsächlichen Kontrast — WCAG 1.4.3
- Löse wichtige Informationen aus Bildern — W3C WAI
- Teste ohne Maus — WCAG 2.1.1
- Vergrößere Text und verkleinere die Breite — WCAG 1.4.4
- Vergrößere Text und verkleinere die Breite — WCAG 1.4.10
Nächster Schritt
Gestaltungsmöglichkeiten ansehen
Lerne die aktuellen Linkrise-Einstellungen kennen und prüfe danach die gespeicherte öffentliche Seite.
Gestaltungsmöglichkeiten ansehen