Warum wir mit Avada bauen: Barrierefreiheit und Flexibilität in einem Theme
11.01.2025
Katja Hazod
Wenn Kunden fragen, warum wir bei fast jedem Projekt auf Avada setzen, ist die Antwort keine Werbebotschaft — sondern das Ergebnis langjähriger Erfahrung mit vielen WordPress-Themes. Avada ist schlicht das Theme, das unsere drei wichtigsten Anforderungen am besten vereint: Gestaltungsfreiheit, technische Barrierefreiheits-Grundlage und leichte Bedienbarkeit für die Kunden danach.
Die Ausgangsfrage: Warum überhaupt ein bestimmtes Theme?
WordPress-Themes gibt es zehntausende. Viele sind günstig, viele sehen gut aus, und viele versprechen Barrierefreiheit. Die Realität sieht oft anders aus: Themes ohne saubere HTML-Struktur, die mit proprietären Shortcodes arbeiten oder bei Updates das halbe Layout brechen.
Für uns als Agentur, die barrierefreie Websites mit hohem Qualitätsanspruch baut, war die Suche nach dem richtigen Theme-Fundament eine ernsthafte Entscheidung. Avada hat sich über viele Projekte hinweg als die zuverlässigste Wahl erwiesen.
Unsere 4 Hauptgründe für Avada
Maximale Gestaltungsfreiheit
Avada zwingt uns nicht in vorgefertigte Layouts. Jedes Design lässt sich umsetzen — ohne Kompromisse und ohne Theme-spezifische Einschränkungen.
Solide Barrierefreiheits-Basis
Avada liefert semantisches HTML, ARIA-Unterstützung und barrierefreie Komponenten als Ausgangspunkt.
Leichte Bedienbarkeit für Kunden
Der Avada Fusion Builder macht eigenständige Pflege möglich — auch ohne technisches Vorwissen.
Langfristige Zuverlässigkeit
Avada ist seit über einem Jahrzehnt das meistverkaufte Theme auf ThemeForest und wird aktiv weiterentwickelt.
Gestaltungsfreiheit: Kein Kompromiss zwischen Design und Funktion
Barrierefreie Websites müssen nicht nüchtern oder funktional-trist wirken. Das ist eines der hartnäckigsten Missverständnisse in unserem Berufsfeld. Barrierefreiheit betrifft die technische und strukturelle Qualität einer Website — nicht ihren visuellen Anspruch.
Avada ermöglicht es uns, für jeden Kunden ein wirklich individuelles Design zu entwickeln: eigene Farbwelten, ungewöhnliche Layouts, expressive Typografie, aufwändige Animationen.
Barrierefreiheit: Was Avada mitbringt — und was wir ergänzen
Avada ist kein „barrierefrei out of the box“-Theme im Sinne einer vollständigen WCAG 2.2 AA-Konformität. Was es jedoch mitbringt, ist eine sehr gute technische Grundlage:
Was wir darüber hinaus einbringen: fachkundige Konfiguration, manuelle Tests mit Screenreadern, barrierefreie Formulare und eine vollständige Barrierefreiheitserklärung. Avada liefert das Fundament — wir bauen das Haus.
Ehrliche Einschätzung: Das Mega Menu ist ohne Konfiguration nicht vollständig barrierefrei. Manche Animationseffekte müssen manuell deaktiviert werden. Formulare müssen sorgfältig mit Labels und Fehlermeldungen ausgestattet werden. Genau dafür sind wir da.
Bedienbarkeit: Damit Kunden nach dem Launch nicht hilflos sind
Eine der häufigsten Frustrationen, die Kunden aus früheren Webprojekten mitbringen: Sie haben eine schöne Website erhalten — aber können sie nicht selbst pflegen. Texte ändern, ein neues Bild hochladen, eine Seite ergänzen — all das erfordert entweder technisches Wissen oder ständige Rückfragen an die Agentur.
Avada löst das Problem der Nachpflege elegant. Der Fusion Builder bietet eine visuelle Oberfläche, die auch ohne Programmierkenntnisse verständlich ist. Kunden sehen direkt, wie ihre Änderungen aussehen werden.
Wir konfigurieren Avada dabei so, dass Kunden nur das sehen und bearbeiten können, was sie tatsächlich bearbeiten sollen — ohne Gefahr, unbeabsichtigt das Layout zu zerstören.
Langfristige Zuverlässigkeit: Eine Investition, die trägt
Avada ist seit über einem Jahrzehnt das meistverkaufte WordPress-Theme auf ThemeForest — mit weit über einer Million verkauften Lizenzen. Das ist kein Zufall, sondern das Ergebnis kontinuierlicher Weiterentwicklung, einer großen Community und eines eingespielten Entwicklerteams.
Für uns als Agentur und für unsere Kunden bedeutet das: Sicherheit. Die Website, die heute mit Avada gebaut wird, wird in drei Jahren noch funktionieren. Updates werden eingespielt, Kompatibilität mit neuen WordPress-Versionen wird sichergestellt, und die Dokumentation wächst mit den Features mit.
Themes, die heute günstig und trendy sind, können in zwei Jahren aufgegeben sein. Bei Avada ist das Risiko minimal.
Unser Fazit: Avada ist nicht das günstigste Theme und auch nicht das einfachste. Es ist das Theme, das die beste Balance aus Gestaltungsfreiheit, Barrierefreiheits-Grundlage, Kundenbedienbarkeit und Zukunftssicherheit bietet. Für Projekte mit hohem Qualitätsanspruch ist es unsere erste Wahl.
Für wen eignet sich Avada besonders?
- Unternehmen, die einen professionellen Auftritt wollen und ihre Website langfristig selbst pflegen möchten
- NGOs und gemeinnützige Organisationen, die Barrierefreiheit als Grundwert teilen
- Selbständige, die eine individuelle Website ohne wiederkehrende Agenturkosten wollen
- Organisationen, die unter das BFSG fallen und eine zukunftssichere Grundlage brauchen
Über MyWebsiteService
MyWebsiteService ist die Münchner Agentur von Katja Hazod — seit 2012 an der Seite von Unternehmen, NGOs und Selbständigen. Der Fokus auf barrierefreies Webdesign begann 2018 mit einer Anfrage eines Gehörlosen-Verbands. Seitdem sind wir beflügelt von der Idee, jede Website für wirklich jede Person zugänglich zu machen — mit viel Liebe, Empathie und Wertschätzung.
Unsere Werte: wertschätzend · offen · ehrlich · liebevoll
Unser Motto: Liebe. Lebe. Lache.
Häufig gestellte Fragen zum BFSG
Avada bietet die beste Kombination aus Gestaltungsfreiheit, technischer Barrierefreiheits-Grundlage, Kundenbedienbarkeit über den Fusion Builder und langfristiger Verlässlichkeit. Nach vielen Jahren Projekterfahrung hat sich Avada als die zuverlässigste Wahl erwiesen.
Theoretisch ja, aber der Aufwand ist oft größer. Viele kostenlose Themes haben keine saubere HTML-Struktur, keine ARIA-Unterstützung und werden nicht regelmäßig auf Barrierefreiheit hin weiterentwickelt. Das bedeutet mehr manuelle Nacharbeit.
Avada ist nicht das einzige barrierefreie Theme, aber eines der besten im Verhältnis aus Flexibilität, Barrierefreiheits-Grundlage und Kundenbedienbarkeit. Kein Theme ist automatisch WCAG 2.2 AA-konform — fachkundige Konfiguration und Testing sind immer notwendig.
Avada bietet keine eingebaute automatische Dark-Mode-Umschaltung. Es ist jedoch möglich, über CSS und das prefers-color-scheme Media Query einen Dark Mode zu implementieren. Für die meisten Websites empfehlen wir, stattdessen auf sehr gute Kontraste im Standard-Design zu setzen und keine Dark-Mode-Variante zu bauen.
Schnellster Weg: Hex-Werte aus Avada Global Colors kopieren und im WebAIM Contrast Checker eingeben. Für eine vollständige Prüfung der gesamten Website empfehlen wir das Browser-Plugin axe DevTools oder WAVE, die alle Kontrastverstöße auf einer Seite automatisch markieren.
WCAG 2.2 AA fordert mindestens 4,5:1 für normalen Text und 3:1 für großen Text (ab 18pt unformatiert bzw. 14pt fett) sowie für UI-Komponenten wie Buttons und Formularrahmen. Mit dem WebAIM Contrast Checker lässt sich das schnell prüfen.
Avada Global Colors ist ein zentrales Farbverwaltungssystem im Theme Options Panel. Hier werden alle Farben einmalig definiert und stehen dann im gesamten Fusion Builder zur Verfügung. Ändert man eine Global Color, wirkt sich das sofort auf alle Stellen aus, wo diese Farbe verwendet wird.
Avada ist ein kommerzielles Theme und wird über ThemeForest verkauft. In unseren Projekten ist die Avada-Lizenz in der Regel Teil des Projektangebots — sprechen Sie uns an.
Absolut. Avada skaliert von der kleinen Vereinsseite bis zum komplexen Unternehmensauftritt. Die Einstiegshürde ist niedrig — dank vorgefertigter Demo-Layouts kann man schnell starten. Für speziellere Anforderungen bietet Avada die nötige technische Tiefe.
Ja, das ist einer der großen Vorteile von Avada. Der Fusion Builder erlaubt es, Inhalte visuell zu bearbeiten, ohne Code schreiben zu müssen. Nach einer kurzen Einweisung können Kunden Texte, Bilder, neue Seiten und viele Layouts eigenständig pflegen.
Avada liefert eine solide technische Grundlage für Barrierefreiheit — semantisches HTML, ARIA-Unterstützung und barrierefreie Komponenten sind im Theme angelegt. Eine vollständige WCAG 2.2 AA-Konformität entsteht jedoch erst durch die fachkundige Konfiguration und Umsetzung. Avada alleine reicht nicht — aber es ist ein sehr guter Ausgangspunkt.
Im Fusion Builder kann beim Heading-Element das HTML-Tag (h1 bis h6) unabhängig von der visuellen Schriftgröße eingestellt werden. Wichtig: pro Seite genau eine h1, dann logisch verschachtelte h2 und h3. Die Browser-Extension „HeadingsMap“ hilft beim schnellen Prüfen.
Gutenberg ist der native WordPress-Editor mit Block-Prinzip. Der Avada Fusion Builder bietet deutlich mehr Gestaltungsoptionen pro Element, globale Einstellungen für Farben und Schriften sowie engere Integration mit dem Avada-Theme. Für komplex gestaltete Seiten mit hohem Designanspruch bietet der Fusion Builder mehr Möglichkeiten.
Ja. Der Fusion Builder ist so aufgebaut, dass Kunden nach einer kurzen Einweisung Texte, Bilder und viele Layoutelemente selbst bearbeiten können. Wir konfigurieren Avada dabei so, dass nur die für den Kunden relevanten Bereiche editierbar sind — das verhindert versehentliche Änderungen am Design.
Der Fusion Builder liefert eine gute Grundlage: Die generierten Elemente verwenden semantisches HTML und grundlegende ARIA-Attribute. WCAG 2.2 AA-Konformität erfordert jedoch zusätzlich korrekte Konfiguration — Alt-Texte, zugängliche Formularlabels, korrekte Überschriften-Hierarchie. Diese Konfiguration ist im Fusion Builder gut möglich, passiert aber nicht automatisch.