Blitzschnell 100 Punkte! Web-Barrierefreiheit in der Hochleistungsumgebung! Lighthouse mit Feuerwerk!

Web-Barrierefreiheit perfektionieren!

"Wir haben erstklassige Frontend-Entwickler, hervorragendes Markup, und selbst die UI von Marketing-Automation-Tools ist unser täglich Brot – Barrierefreiheit sollte also ein Kinderspiel sein!" Mit dieser naiven Überzeugung begann das Web-Barrierefreiheits-Projekt von Liberogic … doch in Wirklichkeit war es der Beginn eines intensiven Kampfes. Das ehrgeizige Ziel der vollständigen Einhaltung von WCAG 2.2 führte zu jahrelangen Schulungen und endlosen Diskussionen. Ehrlich gesagt, wir unterschätzten die Herausforderung erheblich.

Zurückblickend auf die frühen Projektphasen vor einigen Jahren.
"Was ist der Unterschied zwischen WCAG und JIS X 8341-3:2016?"
"WCAG 2.0 und JIS X 8341-3:2016 sind identisch!"
Ein langer, langer Weg, der mit solch grundlegenden Diskussionen begann.
"Stimmt mein Verständnis dieses Erfolgskriteriums?"
"Nein, das fällt unter ein anderes Kriterium."
Nach endlosen Diskussionen und Überarbeitungen erreichten wir schließlich WCAG 2.2 Konformitätsstufe AA.

Unsere Website neu gestalten!

"Unsere Website passt einfach nicht zu unserem Geschäft."
Mit diesem einen Satz begann die Überarbeitung unserer Unternehmenswebsite.
"Warum nicht gleich alles mit Barrierefreiheit und SEO optimal umsetzen!"
Unsere fähigen Mitarbeiter – obwohl beschäftigt – begeisterten sich (vermutlich) für diese ehrgeizige Vision.

"Dieses Farbkontrast-Verhältnis ist nicht zulässig!"
"Aber gestalterisch sieht es gut aus…"
"Können wir es nicht innerhalb der Richtlinien anpassen?"
Und so experimentierten wir an der Schnittstelle von Design und Barrierefreiheit.
Im Markup arbeiteten wir uns methodisch durch umfangreiche Test-Checklisten.

Endlich fertig!
Obwohl das Projekt erheblich länger dauerte als geplant, spürten wir einen echten technologischen Fortschritt.

100 Punkte mit Lighthouse erreicht! Und auch bei PageSpeed Insights hochbewertet!

Unsere Website aus Astro + microCMS + Cloudflare erreicht erwartungsgemäß hohe Scores bei Lighthouse. Accessibility ist natürlich perfekt! Lighthouses Accessibility-Tests nutzen die zuverlässige axe-core-Engine, sodass unsere Bemühungen um WCAG-Compliance ziemlich direkt bewertet werden.

Bei der Leistung hatten wir anfangs mit vielen Bildern und verschiedenen Animationen zu kämpfen, doch durch die Optimierung des Webfont-Ladens, die Überprüfung der Bildkompression und des Formats sowie die Anpassung der Ressourcen-Ladepriorität erreichten wir schließlich diesen Moment!

＼ 100 Punkte! ／

Alle Elemente der Desktop-Version von Lighthouse erreichen maximale Punktzahl! Und das Gerücht ist wahr: "Tatsächlich! Wenn man bei Lighthouse überall 100 Punkte erreicht, setzt Google Glückwunschfeuerwerk ab!"

"Ernsthaft!? Die alte Website schaffte nur 80-90er Scores? Vielleicht auch dank Astro, aber das ist beeindruckend!"

Auch bei PageSpeed Insights, Googles Leistungs-Messwerkzeug für Websites, haben wir selbstverständlich 100 Punkte erreicht.

Allerdings bietet PageSpeed Insights keine besonderen Effekte (Feuerwerk). Da eine Seite 99 und die andere 100 Punkte hatte, hoffen wir, dass Google etwas Besonderes hinzufügt. 🎇

Übrigens: Die Scores von Lighthouse und PageSpeed Insights können je nach Netzwerkumgebung, Serverstatus und Browsersituation zum Zeitpunkt der Messung variieren, daher ist zu beachten, dass die 100 Punkte nicht immer konstant gehalten werden können.

Ist ein perfekter Lighthouse-Score von 100 auf Mobilgeräten unmöglich? So ungefähr. (↑ Damals habe ich keinen Screenshot gemacht, also ist dieser ziemlich neu)

Das wahre Ziel liegt jenseits des Scores

"Aber wenn man aus Nutzersicht denkt, ist das doch ein ganz normales Ergebnis, oder?"

Anstatt nur nach Scores zu streben, führt eine durchgehende Gestaltung für alle Menschen, die eine Website nutzen, am Ende zu den besten Bewertungen. Ein "Score von 100" ist nur ein Zwischenschritt. Das wahre Ziel ist, eine Website zu schaffen, die für alle angenehm und benutzerfreundlich ist!!

Derzeit implementieren wir verschiedene experimentelle Funktionen, um die Machbarkeit unserer Arbeit zu überprüfen, und der Lighthouse-Score ist seitdem gesunken. Ich rufe immer wieder naiv "Warum denn, warum denn?" herum, aber es ist selbstverständlich, dass die Überprüfung der Machbarkeit für alle wichtiger ist als meine eigensinnigen Wünsche.

Und so geht unsere unermüdliche Forschung weiter.