Projekt:
Barrierefreiheit, UI, UX

In diesem Segment habe ich mich mit den Themen Barrierefreiheit, User Interface und User Experience im Web beschäftigt. Da das Thema Barrierefreiheit in Zukunft noch mehr an Bedeutung finden wird, war es mir wichtig hier gut informiert zu sein, was die aktuellen Best-Practices sind und wie ich Websites auf Schwächen in der Barrierefreiheit untersuchen und dahingehend optimieren kann.

Barrierefreiheit, UI, UX Highlights

Hand beschriftet bunte Haftnotizen mit Begriffen wie Inhalt, Software und Code.

User Experience planen und umsetzen

Ich lernte, Nutzerbedürfnisse zu erkennen, klare Abläufe zu gestalten und digitale Produkte darauf auszurichten.

Hand ordnet Skizzen farbiger Website-Layouts auf Papier an.

User Interfaces intuitiv gestalten und programmieren

Moderne UI-Elemente wurden so konzipiert, dass sie klar verständlich, visuell konsistent und leicht bedienbar bleiben.

Tastatur mit grüner Taste und weißem Rollstuhlsymbol als Zeichen für Barrierefreiheit.

Barrierefreiheits-Standards verstehen und korrekt anwenden

Ich beschäftigte mich intensiv mit WCAG-Richtlinien, um Websites zugänglicher, strukturierter und für alle nutzbar zu machen.

Projektzusammenfassung

In diesem Lernsegment vertiefte ich mein Verständnis für moderne Barrierefreiheit, nutzerzentrierte Gestaltung und funktionale Benutzeroberflächen. Die WCAG-Richtlinien bildeten dabei die Grundlage, um digitale Inhalte möglichst vielen Menschen zugänglich zu machen. Projekte wie WebAIM, Organisationen wie das W3C und die German UPA lieferten wertvolle Best-Practices und praxisnahe Beispiele zur Verbesserung von Accessibility und Usability. Parallel dazu beschäftigte ich mich mit User-Experience-Methoden, um Nutzerwege zu analysieren, Probleme früh zu erkennen und Lösungen zielgerichtet zu planen. Die Gestaltung moderner User Interfaces verband all diese Erkenntnisse zu klaren Layouts, logischen Strukturen und barrierearmen Interaktionen. So entstand ein umfassendes Verständnis, wie gute UX, konsistentes UI und konsequent angewendete Barrierefreiheitsstandards zu einem zugänglichen, angenehmen Nutzererlebnis führen.

Herausforderungen und Lernerfolge

Logos von W3C, WebAIM und UPA als Organisationen für digitale Barrierefreiheit.

  • WCAG-Richtlinien studiert und praxisnah in UI-Prozessen angewendet

  • WebAIM-Ressourcen genutzt, um Barrierefreiheitsprobleme besser zu verstehen

  • German UPA Empfehlungen berücksichtigt und sinnvoll umgesetzt

  • AA- und AAA-Kontraststandards in Designentscheidungen implementiert

  • Fokusmarkierungen mit :focus-visible sichtbar und zugänglich gestaltet

  • Alt-Texte präzise formuliert, um Bilder sinnvoll zu beschreiben

  • Aria-Labels eingesetzt, wenn zusätzliche Kontextinformationen notwendig waren

  • Nutzerwege analysiert, um barrierefreie und intuitive Abläufe zu entwickeln

Projekte und Tätigkeiten

Person mit Schal trinkt aus froschförmigem Becher vor dunklem Hintergrund, Name „BissjeTommy“.

BissjeTommy Website

Dieses Projekt umfasst eine Website für den Youtube Creator BissjeTommy und soll als eine Art erweiterter Linktree / Online Visitenkarte dienen.

zum Projekt
Brot mit Leberwurst und Radieschen vor Frühlingszwiebeln, Text „Qualität und Tradition aus der Pfalz“.

Cornelius Website

Ein Projekt zum Redesign der Website des Herstellers für Pfälzische Wurstspezialitäten, Cornelius.

zum Projekt
Hände tippen auf Laptop, darüber farbiger Code, unscharfer Hintergrund mit technischer Atmosphäre.

Webentwicklung

Arbeit an Webentwicklung zum Wiederverwenden auf Basis des Relume Figma Kit. Die Umsetzung wurde mit HTML, SCSS und Javacscript durchgeführt.

zum Projekt