Geschrieben von Tobias Greiner am 29. Juni 2026

Barrierefreiheit beginnt schon im Design-File: Das neue Eye-Able Figma-Plugin

News
Das neue Eye-Able Figma-Plugin hilft Designteams, Barrieren bereits vor der Entwicklung zu erkennen. Prüfe Farben, Texte, interaktive Elemente und Bildbeschreibungen auf Barrierefreiheit direkt in Figma.

Barrierefreiheit von Anfang an mitdenken

Digitale Barrierefreiheit ist weitaus einfacher – und weitaus kostengünstiger – umzusetzen, wenn sie vom ersten Pixel an berücksichtigt wird, statt sie erst nach der Fertigstellung eines Produkts nachträglich hinzuzufügen. Genau aus diesem Grund haben wir das neue Eye-Able Plugin für Figma entwickelt. Da der European Accessibility Act (EAA) und Standards wie die WCAG die Anforderungen an digitale Produkte kontinuierlich erhöhen, benötigen Design-Teams eine Möglichkeit, Barrieren schon beim Entwerfen von Screens zu erkennen – lange bevor überhaupt die Entwicklung beginnt. Unser neues Plugin bringt Eye-Able direkt in das Tool, in dem deine Designerinnen und Designer bereits arbeiten. So wird barrierefreies Design zu einem festen Bestandteil des täglichen kreativen Prozesses und ist keine finale Hürde mehr.

Barrierefreiheit direkt in Figma prüfen

Direkt in Figma gleicht das Plugin deine Designs mit etablierten Best Practices für Barrierefreiheit ab und hebt die entscheidenden Punkte hervor – von Farben und Lesbarkeit über klar erkennbare, ausreichend große interaktive Elemente bis hin zu fehlenden Bildbeschreibungen. Designerinnen und Designer können zudem vorab prüfen, wie ihre Entwürfe auf Menschen mit verschiedenen Arten von Sehschwächen wirken, und direkt im Design Notizen zur Barrierefreiheit hinterlassen, die nahtlos an das Entwicklungsteam übergeben werden können. Da das Plugin vollständig in die Eye-Able Plattform integriert ist, melden sich Teammitglieder einfach mit ihrem bestehenden Eye-Able Konto an. Die Benutzeroberfläche bietet dabei den gewohnten Look-and-Feel des Dashboards. Design, Audit, Dokumentation und Optimierung verschmelzen so zu einem durchgehenden Workflow für Barrierefreiheit.

Nacharbeit reduzieren und Konformität sichern

Indem potenzielle Barrieren bereits in der Designphase erkannt werden, können Teams inklusivere Produkte veröffentlichen, kostspielige Nacharbeiten in der späteren Entwicklungsphase reduzieren und sicheren Schrittes die Konformität mit Richtlinien wie dem EAA, der WCAG und der EN 301 549 erreichen. Das Eye-Able Figma-Plugin ist der nächste logische Schritt auf unserer Mission, digitale Barrierefreiheit in jeder Phase deiner Arbeit mühelos zu gestalten – und es steht Eye-Able Kundinnen und Kunden ab sofort zur Verfügung.

Möchtest du Barrierefreiheit von Anfang an in deine Designs einfließen lassen? Kontaktiere unser Team, um das Eye-Able Figma-Plugin zu nutzen.

Kann deine Website wirklich jeder nutzen? Mach jetzt den Test für deine eigene Seite.

Filter

Filter nach Kategorie

Bestätige nach Auswahl der Kategorien deine Eingabe mit dem Button am Ende der Liste

Filter zurücksetzen

Zurück an die Uni: Eye-Able® und der Weg zu einer inklusiveren Bildungslandschaft

Geschichte lesen
In the picture on the background of the Eye-Able design the two company names "dotfly" and "Eye-Able" are to be seen.

Grünes Internet: Der Zusammenhang von Barrierefreiheit und Nachhaltigkeit

Geschichte lesen
The picture shows a woman in a wheelchair wearing VR glasses.

Was bringt digitale Barrierefreiheit überhaupt? Die Fakten schwarz auf weiß – Teil 2

Geschichte lesen
The picture shows a woman in a wheelchair wearing VR glasses.

Was bringt digitale Barrierefreiheit überhaupt? Die Fakten schwarz auf weiß

Geschichte lesen
A person in a wheelchair has thrown a ball into the air with their left hand. The ball is already in the air and the person is pointing upwards with their left index finger. In the background, the crowd in a stadium applauds while a sporting event is shown on a large screen. The person is wearing a red sports jersey.

Jenseits von Stereotypen? Darstellung von Behinderungen in den Medien

Geschichte lesen
Es ist eine Straßensperrung zu sehen, welche eine Straße Richtung Strand blockiert. Auf der Sperrung hängt ein Schild, auf dem "Straße gesperrt" auf englisch steht. Im Hintergrund sind Sanddünen und blauer Himmel zu sehen.

Hindernisse erkennen: Die häufigsten Barrieren im Alltag

Geschichte lesen
Two people are depicted speaking sign language together. Both are blonde and the person on the left is wearing glasses. They are sitting on a grey couch in a living room.

Die faszinierende Welt der Gebärdensprache – Kommunikation ohne Laute

Geschichte lesen
Four people, forming a work-related team, are sitting around a table. One person stands and explains a figure standing in the middle of the group.

Barrierefreies Webdesign: Eye-Able® und TWT - Ein starkes Team für digitale Inklusion

Geschichte lesen
A comic-style doctor working on a laptop is depicted. Above him is the general sign for accessibility.

Inklusion in der Praxis - Barrierefreiheit in der medizinischen Versorgung

Geschichte lesen
An open book can be seen. The middle pages are bent, so they form a heart.

Weltalphabetisierungstag und Inklusion: Lesen öffnet Welten

Geschichte lesen
A computer screen can be seen with Eye-Able Assist opened on the Website of Glücksgefühle. In the down left corner is the stick figure symbol of accessibility and in the upper left corner the Eye-Able Logo is depictured.

Barrierebrecher - Eye-Able® und Glücksliga für mehr Inklusion im Sport

Geschichte lesen

Sie benötigen weitere Informationen?

Schreiben Sie uns und wir helfen Ihnen gerne weiter.