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
Eye-Able Siegel mit Häkchen und WCAG 2.2 sowie EN 301549

Zeigt euer Engagement mit dem Eye-Able Siegel für digitale Barrierefreiheit

Geschichte lesen
Barrierefreiheits Icon mit 10 gelben Sternen und Weltkarte im Hintergrund

BFSG & EAA: Was Schweizer Unternehmen für den EU-Markt beachten müssen

Geschichte lesen
Laptop mit einer Seite eines Online-Supermarktes und zwei Icons mit Einkaufswagen und Waage an den Seiten

Warum 4 Supermarkt-Riesen jetzt vor Gericht stehen

Geschichte lesen
Klemmbrett mit Häkchen und BFSG Symbol zur Verdeutlichung der behördlichen Kontrollen ab 2026

BFSG-Dokumentationspflicht: Ab 2026 wird geprüft

Geschichte lesen

Von der Einzellösung zur Plattform: Die Evolution der digitalen Barrierefreiheit

Geschichte lesen
Laptop mit dem Schriftzug "Manual Testing"

Manuelle Barrierefreiheits-Tests: Warum automatisierte Tests nicht genug sind

Geschichte lesen

Das Fashion Nova-Urteil: 5,15 Millionen USD als Folge fehlender Barrierefreiheit

Geschichte lesen
Luftballon mit einer 5 zum 5-jährigen Jubiläum von Eye-Able

5 Jahre Eye-Able: Gemeinsam für digitale Barrierefreiheit

Geschichte lesen
Button mit einem grünen Häkchen in der Mitte, im Hintergrund weitere Button mit "fail" und "pass" im Hintergrund

WCAG-Konformitätsstufen A, AA und AAA im Überblick 

Geschichte lesen
Banner mit WCAG 2.2 mit Icon für Barrierefreiheit und Formular im Hintergrund.

WCAG 2.2: Was gilt – und was kommt mit WCAG 3.0?

Geschichte lesen
Barrierefreiheits-Icon in der Mitte mit einer Checkliste daneben.

Barrierefreiheits-Test: So prüfen Sie Ihre Website richtig

Geschichte lesen
Links: Barrierefreies Design nach WCAG. Rechts: zwei Bilder mit guten und schlechtem Design.

Barrierefreies Design nach WCAG – So setzen Sie es praxisnah um

Geschichte lesen

Sie benötigen weitere Informationen?

Schreiben Sie uns und wir helfen Ihnen gerne weiter.