Für unterschiedliche Formen der Interaktion gestaltet

Barrierefreiheit

Dieses Portfolio soll für möglichst viele Menschen nutzbar sein – unabhängig von Technologie, Fähigkeit oder Art der Interaktion. Diese Seite beschreibt die dafür eingesetzten Engineering-Praktiken, ihre Überprüfung und bestehende Grenzen.

Ziel der Barrierefreiheit

Das Portfolio orientiert sich bei Entwicklung und Prüfung an WCAG 2.1 auf Konformitätsstufe AA. Diese Zielsetzung ist jedoch keine Aussage über eine formell festgestellte WCAG-Konformität; eine vollständige unabhängige Konformitätsprüfung wurde nicht durchgeführt.

Maßnahmen zur Barrierefreiheit

Die Seite verwendet semantische Bereiche, eine geordnete Überschriftenstruktur und nach Möglichkeit native Bedienelemente. Gemeinsame KERN-Komponenten sorgen für konsistente Tastaturbedienung, zugängliche Namen, Formularbeschriftungen, Fokusführung und Dialogsemantik.

  • Navigation, Bedienelemente und Galerieaktionen sind per Tastatur erreichbar und besitzen eine sichtbare Fokusmarkierung.
  • Formularfelder haben Beschriftungen, Validierungshinweise und verständlich kommunizierte Fehlerzustände.
  • Dynamische Lade-, Antwort- und Fehlerzustände verwenden, wo sinnvoll, Status- oder Live-Region-Semantik.
  • Informationen werden nicht absichtlich ausschließlich über Farbe oder Symbole vermittelt.
  • Responsive Layouts und skalierbare Schrift sind für schmale Ansichten und erhöhte Zoomstufen ausgelegt.

Bewegung und visuelle Darstellung

Animationen sind zurückhaltend und für Verständnis oder Bedienung nicht erforderlich. Ein gemeinsamer Mechanismus für prefers-reduced-motion reduziert Übergänge, deaktiviert weiches Scrollen und verhindert verzögerte Inhaltsanzeigen, wenn weniger Bewegung gewünscht ist.

Das visuelle System verwendet gemeinsame Kontrast-, Rahmen- und Fokusbehandlungen. Inhalte bleiben auch ohne dekorative Effekte wie Glasflächen oder Animationen verfügbar.

Bilder und Fotografie

Bedeutungsvolle Portfolio- und Galeriebilder erhalten Alternativtexte aus redaktionell erstellten oder kuratierten Inhalten. In der Fotografie werden verfügbare Alternativbeschreibungen, Bildunterschriften und Titel als abgestufte Rückfallebenen genutzt. Dekorative Bilder und Symbole werden vor assistiven Technologien verborgen, wenn ihre Aussage bereits als Text vorhanden ist.

Galeriekarten lassen sich mit Enter und Leertaste bedienen, der Fokus bleibt beim Blättern erhalten und die Foto-Großansicht verwendet einen nativen Dialog mit benannten Bedienelementen und Tastaturnavigation.

Tests

Barrierefreiheit wird durch Prüfungen im Code und manuelle Interaktionstests bewertet. Biome erkennt verbreitete Probleme bei Semantik und zugänglichen Namen; TypeScript und gemeinsame Komponentenverträge reduzieren die fehlerhafte Verwendung von Bedienelementen. Repository-Tests decken Interaktionen und Zustände der Website ab.

Die manuelle Prüfung umfasst Tastaturbedienung, Fokusverhalten, responsive Darstellung und reduzierte Bewegung. Automatisierte Prüfungen erkennen bestimmte Fehlerklassen, können vollständige Barrierefreiheit aber nicht belegen. Das Repository enthält derzeit keine eigene axe-, Lighthouse- oder umfassende Screenreader-Test-Suite.

Bekannte Einschränkungen

Derzeit ist mir keine kritische Barriere bekannt, die den Zugang zu den wesentlichen Portfolio-Inhalten verhindert. Tests können jedoch nicht jede Kombination aus Browser, assistiver Technologie, Zoomstufe und individuellen Einstellungen abdecken.

Alternativbeschreibungen im Fotografie-Erlebnis hängen von Qualität und Vollständigkeit der kuratierten Fotometadaten ab. Stark visuelle Zusammenhänge oder fotografische Details können daher weniger vollständig beschrieben sein als im Bild selbst.

Eine formelle unabhängige WCAG-Konformitätsprüfung und eine umfassende Testmatrix für assistive Technologien stehen noch aus.

KI-gestützte Oberflächen

Der Engineering- und der Fotografie-Assistent verwenden beschriftete Bedienelemente und machen Lade-, Antwort- und Fehlerzustände für assistive Technologien wahrnehmbar. Generierte Antworten nutzen strukturelle Überschriften, Belegbereiche und tastaturbedienbare Steuerelemente; ihre Bedeutung hängt nicht von Animationen ab.

KI-generierte Antworten können dennoch unvollständig oder fehlerhaft sein. Die separate Seite zur KI-Transparenz erläutert, wie diese Antworten erzeugt, belegt und gekennzeichnet werden.

Zur Seite KI-Transparenz

Eine Barriere gefunden?

Wenn dir bei der Nutzung dieses Portfolios eine Barriere begegnet, gib mir bitte Bescheid. Nenne die betroffene Seite, dein Vorhaben und – falls hilfreich – den verwendeten Browser oder die assistive Technologie.

Barriere per E-Mail melden

Rechtlicher Kontext

Dies ist ein persönliches und berufliches Portfolio. Das Repository enthält weder Shop noch Checkout, Zahlungsabwicklung oder einen Dienst zum Abschluss von Verbraucherverträgen. Auf dieser Grundlage scheint es keine Dienstleistung im elektronischen Geschäftsverkehr im Sinne des Barrierefreiheitsstärkungsgesetzes (BFSG) anzubieten. Diese technische Einschätzung ist keine Rechtsberatung.

Diese Seite dokumentiert freiwillig den Ansatz des Portfolios zur Barrierefreiheit und bekannte Einschränkungen. Sie ist weder eine gesetzlich vorgeschriebene Barrierefreiheitserklärung noch eine Zertifizierung oder Zusage rechtlicher Konformität.

Amtlicher Gesetzestext des BFSG

Zuletzt geprüft: August 2026