Lernziele
- Eine Kundenaufgabe in klare Seiten und Navigation übersetzen.
- Barrierefreiheit und vollständige Interaktion auf Geräten prüfen.
Die unterstützte Entscheidung definieren
Benennen Sie Publikum, Frage und nächste Handlung. Eine Leistungsseite braucht womöglich Eignung, Ablauf, Grenzen und Kontakt vor dekorativer Einleitung. Schreiben Sie verständlich und konkret unter aussagekräftigen Überschriften. Entscheiden Sie, was hierher und was in eine klar verlinkte Erklärung gehört.
Einen verständlichen Weg schaffen
Nutzen Sie einheitliche Navigation und Links mit erkennbarem Ziel. Zeigen Sie Standort und Rückweg. Unterscheiden Sie Hauptaktionen nicht allein durch Farbe. Formulare brauchen sichtbare Beschriftung, Erklärung und feldnahe korrigierbare Fehler. Nach erfolgreichem Absenden muss der nächste Ablauf klar sein.
Für unterschiedliche Fähigkeiten und Kontexte gestalten
Menschen nutzen Tastatur, Hilfstechnik, Vergrößerung oder kleine Bildschirme bei hellem Licht. Prüfen Sie Kontrast, logische Fokusfolge und zweckmäßige Textalternativen. Inhalte müssen bei wenig Platz oder großer Schrift umbrechen. Automatische Prüfungen finden einige Fehler, beweisen aber keine Aufgabenerfüllung echter Menschen.
Leistung und Pflege als Designbestandteil behandeln
Nutzen Sie passende Bilder, stabil reservierten Platz und nötige Interaktionen. Vermeiden Sie Effekte, die Inhalte verdecken oder Navigation unberechenbar machen. Bestimmen Sie Verantwortliche für Preise, Leistungsumfang und Kontakt. Testen Sie echte Textlängen, Sprachrichtungen und Fehlerzustände. Das Design muss auch mit tatsächlichen Inhalten funktionieren.
Ein aufgabenorientierter Designzyklus
Den gesamten Weg statt isolierter Bildschirme prüfen.
Verstehen
Aufgabe und nötige Informationen erkennen.
Ordnen
Klare Inhalts- und Navigationsstruktur schaffen.
Bauen
Barrierefreie, responsive Interaktionen umsetzen.
Bewerten
Erledigung beobachten, Hindernisse beseitigen und Richtigkeit pflegen.
Vergleich
| Bereich | Frage | Nachweis |
|---|---|---|
| Inhalt | Erkennt der Besucher, ob die Leistung passt? | Genauer Umfang und verständliche Überschriften |
| Interaktion | Ist die Aufgabe ohne Maus lösbar? | Tastaturweg, sichtbarer Fokus und korrigierbare Fehler |
| Responsives Layout | Bleiben Informationen bei schmaler Breite verfügbar? | Echte Mobil- und Großschriftprüfung |
| Leistung | Erscheinen Hauptinformationen vorhersehbar? | Stabiles Layout und passende Mediengröße |
Ein scheinbar vollständiges Kontaktformular
Die attraktive Anfrageseite eines fiktiven Unternehmens zeigt Fehler nur als roten Rahmen.
- Eine Tastaturprüfung zeigt, dass fehlende Angaben nicht erkennbar sind.
- Das Team ergänzt Beschriftungen, Fehlermeldungen und klaren Fokusweg.
- Es testet Korrektur, Sendebestätigung und zugesagte Nachverfolgung auf kleinen und großen Bildschirmen.
Verbessert werden Erledigung und verständliche Rückmeldung, nicht nur die Farbe. Eine vollständige Barrierefreiheitsbewertung kann mehr Prüfungen benötigen.
Praktische Checkliste
- Nutzeraufgabe und nächste Handlung benennen.
- Aussagekräftige Überschriften und Links nutzen.
- Tastaturfluss und Fehlerkorrektur prüfen.
- Schmale Layouts und große Schrift testen.
- Inhalts- und Pflegeverantwortung vergeben.
Häufige Fehler
Die leere Vorlage freigeben
Ein Layout nur für kurze Demotexte kann bei echten Übersetzungen und Bildern scheitern.
Einen automatischen Wert mit dem ganzen Erlebnis verwechseln
Ein hoher Wert beweist keine funktionierende Navigation, Sprache oder komplexe Interaktion für alle Zielnutzer.
Fragen und Antworten
Heißt responsiv, die Desktopseite zu verkleinern?
Nein. Layout und Bedienung werden angepasst, während wichtige Informationen sowie Lese- und Fokusreihenfolge erhalten bleiben.
Kann Barrierefreiheit erst am Schluss ergänzt werden?
Späte Korrekturen sind möglich, aber Inhalt, Struktur und Bedienung lassen sich während Gestaltung und Entwicklung leichter behandeln.
Quellen und weitere Lektüre
- Grundsätze der BarrierefreiheitW3C Web Accessibility Initiative
Primäre internationale Hinweise erklären Anforderungen und verweisen auf einschlägige Standards.
- Praktische Gestaltungs- und EntwicklungstippsW3C Web Accessibility Initiative
W3C bietet Einstiege für Autoren, Designer und Entwickler; eine kurze Checkliste ist keine vollständige Konformitätsprüfung.
