Blog

Gedanken zu Angular, Webentwicklung und modernem Frontend.

Learn how to fix aria-live regions that fail silently in modern SPAs. Discover why screen readers miss your announcements when frameworks recreate DOM elements, understand the difference between polite and assertive announcements, learn about live region roles and the native output element, meet the modern native ariaNotify() API (Baseline since September 2026), and implement two reliable patterns - local and global live regions - with concrete examples for Angular, Vue, and React applications.

ariaNotify() is a native browser API that lets you trigger screen reader announcements programmatically - no hidden live region, no DOM mutation tricks. Learn how it works, how its normal and high priorities map to aria-live, how language selection and the aria-notify Permissions Policy behave, which caveats to watch for, and how to adopt it today with a progressive-enhancement fallback to live regions.

Die Zeiten, in denen der Paketmanager npm alternativlos war, sind längst vorbei. Mit pnpm steht ein alternativer Paketmanager zur Verfügung, der effizienter mit Speicherplatz umgeht, schneller installiert und moderne Sicherheitsmechanismen gegen Supply-Chain-Angriffe mitbringt. Dieser Artikel betrachtet das sichere Setup einer Angular-Entwicklungsumgebung mit pnpm: von Supply-Chain-Security bis hin zu reproduzierbaren Builds.

Am 6. Februar 2020 wurde bei Google in Kalifornien der "rote Knopf" gedrückt: Das lang erwartete neue Release ist da – die neue Major-Version Angular 9.0! Wir werden Ihnen in diesem Artikel die wichtigsten Neuerungen vorstellen.

Nach nur vier Monaten Entwicklungszeit wurde am 24. Juni 2020 die neue Major-Version Angular 10.0 veröffentlicht! Wir werden Ihnen in diesem Artikel die wichtigsten Neuerungen vorstellen.

Es hätte kein schöneres Datum sein können: am 11.11.2020 wurde die neue Major-Version Angular 11.0 veröffentlicht. Wir werden Ihnen in diesem Artikel die wichtigsten Neuerungen vorstellen.

Am 12.05.2021 wurde die neue Major-Version Angular 12.0 veröffentlicht – ein halbes Jahr nach dem Release von Angular 11. In diesem Artikel stellen wir wieder die wichtigsten Neuerungen vor.

Anfang November 2021 erschien die neue Major-Version 13 von Angular. In diesem Artikel stellen wir wie immer die wichtigsten Neuigkeiten vor.

Am 2. Juni 2022 erschien die neue Major-Version Angular 14! Während die letzten Hauptreleases vor allem interne Verbesserungen für das Tooling mitbrachten, hat Angular 14 einige spannende neue Features mit an Bord. In diesem Artikel stellen wir wie immer die wichtigsten Neuigkeiten vor.

Am 16. November 2022 erschien die neue Major-Version Angular 15! Im Fokus des neuen Releases standen vor allem diese Themen: Stabilisierung der Standalone Components, funktionale Guards, Resolver und Interceptors sowie die Vereinfachung der initial generierten Projektdateien.

Am 4. Mai 2023 erschien die neue Major-Version von Angular: Angular 16! Das Angular-Team hat einige neue Features und Konzepte in diesem Release verpackt. Die größte Neuerung sind die Signals, die als erste Developer Preview in der neuen Version ausprobiert werden können.

Es ist wieder ein halbes Jahr vorbei: Anfang November 2023 erschien die neue Major-Version Angular 17! Der neue Control Flow und Deferred Loading sind nur einige der neuen Features. Wir fassen die wichtigsten Neuigkeiten zu Angular 17 in diesem Blogpost zusammen.

Und schon wieder ist ein halbes Jahr vergangen: Angular Version 18 ist jetzt verfügbar! In den letzten Versionen wurden viele neue Funktionen und Verbesserungen eingeführt. Diesmal lag der Fokus darauf, die bereits ausgelieferten APIs zu stabilisieren, diverse Feature Requests zu bearbeiten und eines der am meisten nachgefragten Projekte auf der Roadmap experimentell zu veröffentlichen: die Zoneless Change Detection.

Neben grauen Herbsttagen hat der November in Sachen Angular einiges zu bieten: Am 19. November 2024 wurde die neue Major-Version Angular 19 releaset! Angular bringt mit der Resource API und dem Linked Signal einige neue Features mit. Standalone Components müssen außerdem nicht mehr explizit als solche markiert werden. Wir stellen in diesem Blogpost alle wichtigen Neuerungen vor!

Alles neu macht der Mai – oder zumindest eine neue Major-Version von Angular: Am 28. Mai 2025 wurde Angular 20 veröffentlicht! Zoneless, Vitest, httpResource sowie ein Neuer Styleguide sind die Hauptthemen des Releases

Bevor wir uns in den Trubel zum Jahresende stürzen, gibt es Neuigkeiten aus der Angular-Welt: Am 19. November 2025 wurde Angular 21 veröffentlicht! Die wichtigsten Neuigkeiten: Signal Forms, Zoneless Apps, Testing mit Vitest, das neue Paket @angular/aria und mehr Unterstützung für AI-Assistenten.

Es gibt wieder Neuigkeiten aus der Angular-Welt: Angular 22 ist da! Dieses Release zieht mehrere Konzepte über die Ziellinie: Signal Forms, Resource API und @angular/aria sind stable. Der HttpClient setzt nun standardmäßig auf die moderne Fetch API, und es wurde ein neuer @Service()-Decorator eingeführt. Diese und einige weitere Neuerungen stellen wir in diesem Blogpost vor.

Die Integration von KI-Agenten in Web-Anwendungen wird in den nächsten Jahren ein zentrales Thema. Mit dem in Entwicklung befindlichen Vorschlag WebMCP sollen Webseiten dem Browser – und damit angeschlossenen KI-Agenten – strukturierte Tools zur Verfügung stellen können. Die Webseite deklariert ihre Fähigkeiten, und der Agent ruft sie direkt auf.

Wenn Nutzende ein Formular absenden, das noch Fehler enthält, entscheidet die Reaktion der Anwendung über die Benutzerfreundlichkeit. Gerade für Menschen, die auf Screenreader oder Tastaturnavigation angewiesen sind, ist ein durchdachtes Verhalten beim Absenden essenziell. In diesem Artikel betrachten wir verschiedene Varianten, wie wir bei der Nutzung von Angular Signal Forms auf ein ungültiges Absenden reagieren können.

Angular introduces Signal Forms with Version 21.0.0-next.2, an experimental but promising approach to form handling that leverages Angular's reactive Signal primitive. This new API offers a declarative way to build forms with full control over the data model and built-in schema validation. In this first part of our three-part series, we'll cover the fundamentals you need to get started with Signal Forms.

Angular Signal Forms offer techniques for advanced validation scenarios and schema patterns, which makes them truly powerful for complex form requirements. In this article, we will go beyond basic field validation as we covered it in Part 1: We will learn about custom schema validation, cross-field validation, conditional validation, asynchronous validation, and how to handle server-side errors gracefully.

We covered fundamentals and advanced validation patterns of Signal Forms in Part 1 and Part 2 of this blog series. In this final part, we'll explore two specialized topics that are relevant for large and modular forms: child forms and custom UI controls. Last but not least, we'll have a look at providing a custom SignalFormsConfig.

In the previous parts of this series, we've covered the fundamentals of Signal Forms, advanced validation patterns, and modular form architecture. In this final part, we'll explore the power of assigning field metadata. We'll also have a look at how we can automatically add helpful ARIA attributes based on a field state to make our forms even more inclusive and accessible.