Danny Koppenhagen

🗣️ New post: Meet ariaNotify(), the native way to trigger screen reader announcements. No hidden aria-live node, no DOM mutation tricks, no timers. Call a method, pass a string, the SR speaks. Baseline Newly available since Sept 2026 (Safari 27 completed the set). 🧵👇

k9n.devAnnouncing Without a Live Region: Meet the ariaNotify() APIariaNotify() 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 pri...

I cover priority (normal/high → polite/assertive), lang-based voice, the silent Permissions Policy, why not to mix it with role="alert", and a fallback wrapper to adopt it today. Article 👉 k9n.dev/en/blog/2026... Foundation + fallback 👉 k9n.dev/en/blog/2025...

Gerade meinen Vortrag auf der #BASTA! gehalten! 🎤 „Mind the A11y Gap: Bridging Accessibility Pitfalls“ – über typische Accessibility-Fallen und wie wir sie vermeiden können. Slides & Material: k9n.dev/talks/2026-0... Danke an alle fürs Dabeisein! 🙌

Danny Koppenhagen reposted

angular-buch.comAngular mit pnpm: sichere Dependencys und Best PracticesDie 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.

21 Aug

📦 npm ist nicht alternativlos: pnpm ist für Angular eine spannende Alternative – auch für mehr Supply-Chain-Security. Im neuen Artikel: Phantom Dependencies, Lifecycle-Scripts, minimumReleaseAge und reproduzierbare Builds. 👉 angular-buch.com/blog/2026-08... #Angular #pnpm #SupplyChainSecurity

practica11y.devPractica11y — Learn web accessibility by doingA free, gamified platform with interactive, browser-based challenges that turn WCAG 2.2 guidelines into hands-on practice for developers.

23 July

📣 practica11y.dev Update — 1 month after launch: 🆕 added a lot of challenges 🔀 Diff view 🔢 Tab order visualization 🎲 Random challenge ☁️ Cross-device sync with #GitHub 🎨 Media query simulation 👉 Try it: practica11y.dev #Accessibility #a11y #WebDevelopment #OpenSource #WCAG

25 June

"Make me a cappuccino with unicorns on a beach". 🏖️ 🦄 #googleioconnect #googleio

25 June

Really impressive. I even got a passport for Google I/O Connect in Berlin

23 June

🚀 Introducing Practica11y You don’t learn accessibility by reading about it. You learn it by finding issues, fixing them, and seeing the impact. That’s why I built an open-source, gamified learning platform for web accessibility. practica11y.dev 🧵👇

23 June

With Practica11y, you solve real accessibility challenges directly in your browser. Get instant feedback from: ♿ axe-core 🌳 Accessibility Tree 🎨 Color Contrast Checker 🗣️ Virtual Screen Reader No setup required.

23 June

The goal: make learning accessibility practical, interactive, and fun. If you’re a developer, tester, designer, or just curious about a11y, give it a try: practica11y.dev Feedback and contributions are welcome ❤️ #a11y #Accessibility #OpenSource #WebDev

10 June

Bridging Accessibility Pitfalls – darüber werde ich Ende September / Anfang Oktober auf der BASTA! in Mainz sprechen. #a11y #Accessibility #Barrierefreiheit #WebDevelopment #Frontend

10 June

In meinem Vortrag geht es um typische Barrierefreiheits-Fallen in modernen Webanwendungen und darum, wie man sie bereits während der Entwicklung erkennt und vermeidet. Von #ARIA-Fallstricken bis zu trügerischen Accessibility-Tests – mit Beispielen aus der Praxis.

10 June

Ich freue mich darauf, Erfahrungen zu teilen, neue Impulse mitzunehmen und viele spannende Gespräche zu führen. Vielleicht sieht man sich in Mainz!

Danny Koppenhagen reposted

angular-buch.comAngular-Buch → Angular 22 ist da!📙 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...

3 June

🅰️ #Angular 22 ist da! 🎉 Alle News im Blog: ✨ Signal Forms & Resource API stable 🆕 @Service()-Decorator 🎯 OnPush ist nun Default 🚀 Incremental Hydration ist nun Default ♿ @angular/aria stable 🤖Debug-Schnittstellen für AI-Agenten Danke an das @angular.dev Team! angular-buch.com/blog/2026-06...

angular-buch.comAngular-Buch → Das moderne Praxisbuch zu Angular📙 Alles zum deutschprachigen Fachbuch vom dpunkt.verlag in der neuen 1. Auflage. Jetzt bestellen. Das Praxisbuch – von den Grundlagen bis zur professionellen Entwicklung mit Signals

31 May

Unser #Angular Buch ist jetzt im Handel verfügbar! 📕 Alle Infos auf: angular-buch.com

Angular Buch Team@angular-buch.com

Unser neues Buch zu #Angular ist da! 😍 Nach 1,5 Jahren intensiver Arbeit ist das Angular-Buch ab jetzt überall im Handel erhältlich. Es ist inzwischen unser fünftes Buch - und es ist jedes Mal wieder aufregend, das neue Werk in Händen zu halten. #AngularBuch

angular-buch.comAngular-Buch → WebMCP: KI-Agenten in Angular-Apps integrieren📙 Die Integration von KI-Agenten in Web-Anwendungen wird in den nächsten Jahren ein zentrales Thema. Mit dem in Entwicklung befindlichen Vorschlag WebMCP (Web Model Context Protocol) sollen Webseiten ...

28 May

🤖 WebMCP könnte verändern, wie AI-Agenten mit Webapps interagieren. Angular experimentiert bereits mit nativer Unterstützung für strukturierte AI-Tools direkt im Browser. Kein fragiles DOM-Scraping mehr. 👀 Zum Blogpost: 👉 angular-buch.com/blog/2026-05... #Angular #AI #WebMCP #Frontend

21 May

Druckfrisch endlich in den Händen. Unser Vorabexemplar vom Angular-Buch! Ab 31.05. im Handel. angular-buch.com #angular #webdevelopment

Danny Koppenhagen reposted

20 May

Es ist (fast) da! 🎉 Das neue 🅰️ Angular-Buch erscheint Ende Mai 2026 - und so sieht es aus! 624 Seiten, 14 Kapitel, komplett neu geschrieben: Signals, Signal Forms, Resource API, Vitest und vieles mehr. Kein Update der 4. Auflage, sondern dein Neustart! #AngularBuch

Danny Koppenhagen reposted

Johannes Hoppe

@johanneshoppe.de

20 May

Cover Reveal! 🎉 Neues Angular-Buch! Ende Mai im Handel! Yay!!

27 Apr

"No ARIA is better than bad ARIA" — you might know the quote. But in reality? A lot of codebases are full of redundant or even conflicting #ARIA attributes 🤷‍♂️ 💡 So I built something to help!

The core idea: 💡 👉 If HTML already provides the correct semantics, don’t override it. Use native elements as intended instead of “rebuilding” them with ARIA Why this matters: • less code 🌱 • fewer #accessibility bugs 🐞 • better maintainability 🔧 • fewer regressions from overengineering 😌

k9n-dev.github.ioHome | @k9n/eslint-plugin-prefer-implicitESLint plugin that enforces implicit HTML semantics over explicit ARIA attributes and roles

27 Apr

If you care about #accessibility ♿️and clean HTML, give it a try: k9n-dev.github.io/eslint-plugi... Feedback very welcome 🙏

Introducing: @k9n/eslint-plugin-prefer-implicit An #ESLint plugin 🧩 that checks your code for: • unnecessary #ARIA attributes 🗑️ • redundant roles 👯 • invalid combinations ❌ …and even auto-fixes them

Danny Koppenhagen reposted

angular-buch.comAngular-Buch → Barrierefreiheit in Formularen: Daten versenden📙 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 Tastaturnavigatio...

4 Mar

🚀 Neuer Blogartikel: A11y in Formularen mit Angular Wie reagiert eine App auf fehlerhafte Submits – für Screenreader & Tastaturnutzer:innen? ➡️ Disabled Button? ➡️ Inline-Fehler mit aria-* ➡️ Fehlerzusammenfassung ➡️ Fokus aufs erste Fehlerfeld Jetzt lesen: angular-buch.com/blog/2026-03...

angular-buch.comAngular-Buch → Angular Signal Forms Part 4: Metadata and Accessibility Handling📙 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...

24 Feb

Did you know? #Angular Signal Forms have an onInvalid callback that lets you focus the first invalid field on submit — with just one line using focusBoundControl(). Great for UX and accessibility! 🎯 We just updated Part 4 of our series: 👉 angular-buch.com/blog/2025-12...

21 Feb

Unsere 4-teilige #Angular Signal Forms Artikelserie ist frisch aktualisiert 🚀 Alles zu Angulars neuestem Feature für flexible, barrierefreie & wartbare Formulare – von Basics über Validierung bis zu Custom Controls, Child Forms & eigenen Metadaten. Perfekt für moderne Angular Apps ✨

Angular Buch Team@angular-buch.com

Wir haben unsere englische Blogserie zu #Angular Signal Forms aktualisiert auf Angular 21.2 😎 Es geht um die neue Direktive "FormRoot" und den Ablauf beim Absenden eines Formulars. Die Autoren @k9n.dev und @fmalcher.de zeigen, wie es funktioniert 👍 angular-buch.com/blog/2025-10...

1 Feb

🚀 Endspurt für unser neues Angular Buch Komplett neue Erstauflage – modern, schlank und mit Fokus auf aktuelle APIs & Best Practices. ✅ Signals ✅ Zoneless ✅ Resource API ✅ Signal Forms ✅ ARIA & Accessibility

thalia.de"Angular" online kaufenKaufen Sie “Angular” von Ferdinand Malcher, Danny Koppenhagen, Johannes Hoppe als Gebundene Ausgabe. ✓ Kostenloser Versand ✓ Click & Collect ✓ Jetzt kaufen

1 Feb

Wir entwickeln Schritt für Schritt eine echte Anwendung inkl. Tests & Architektur – ideal zum Einsteigen oder Updaten auf modernes Angular. 👉 Jetzt vorbestellen: www.thalia.de/shop/home/ar... #Angular #TypeScript #Frontend #WebDevelopment

14 Jan

Web-Fax 📠: Der umfangreiche Leitfaden für zukunftsorientierte Behörden.

Angular Buch Team@angular-buch.com

🚨 COMING SOON 🚨 Wir bringen etwas Neues in den Handel... aber WAS? 🎯 Deine Aufgabe: Rate falsch! ❌ Falsche Antworten only! 🏆 Die Person mit der KREATIVSTEN Falschantwort gewinnt das EXAKTE GEGENTEIL von diesem Buch. Zeigt uns eure beste Falschantwort! 👇

angular-buch.comangular-buch.com

9 Dec 2025

We’ve published Part 4 of our Angular Signal Forms series! ✨ Field metadata: apply meta information for form fields directly in the schema ♿ Automatic ARIA attributes: a directive linking fields + messages for accessible forms Read ➡️ angular-buch.com/blog/2025-12... #Angular #a11y #signalforms

angular-buch.comAngular-Buch → Angular Signal Forms Part 3: Child Forms, Custom UI Controls and SignalFormsConfig📙 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 more specialized topics that are relevant for...

1 Dec 2025

Updated our #Angular Signal Forms blog post (3. Parts of the series) with the new Feature `provideSignalFormsConfig()` 👉 angular-buch.com/blog/2025-10...

angular-buch.comAngular-Buch → Angular 21 ist da!📙 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,…

20 Nov 2025

🥳 Angular 21 ist da! Wie immer haben wir für euch in unserem Angular Buch Blog die wichtigsten Neuerungen zusammengestellt - Experimental Signal Forms - Angular MCP - @angular/aria - Zoneless by default - Vitest - uvm. 👉🏽 angular-buch.com/blog/2025-11... #angular #angular21

Danny Koppenhagen reposted

Younes Jaaidi

@younesjd.dev

6 Nov 2025

⚡️Finally! The official statement! @vitest.dev is now the official #Angular #testing framework 💪

6 Nov 2025

Looking forward to two exciting days of the NG-DE conference in Berlin! #angular #ngde #ngde25

k9n.devWhen Your Live Region Isn't Live: Fixing aria-live in Angular, React, and VueLearn 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…

5 Nov 2025

📝 Blogged: When Your Live Region Isn't Live: Fixing #aria-live in #Angular, #React, and #Vue Learn about common pitfalls with aria-live and how to fix them. k9n.dev/blog/2025-11... #a11y #accessibility

2 Nov 2025

Wow! 😮 I got an answer from the future of @jeanmeche.com 🔮 #github is becoming more progressive every day 😅

lnkd.inLinkedInThis link will take you to a page that’s not on LinkedIn

22 Oct 2025

📝 All three parts of @fmalcher.de and my series about #Angular Signal Forms are now available! Part 1 ⚡️Signal-based form models 📋 The field directive ✅ Schema validation Part 2 🧐 Custom & Cross-Field Validators ❓Conditional Validation ⏱️ Async Validation Part 3 👶 Child Forms ⚙️ Custom UI Controls

angular-buch.comAngular-Buch → Angular Signal Forms Part 1: Getting Started with the Basics📙 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 decl...

22 Oct 2025

Part 1: angular-buch.com/blog/2025-10... Part 2: angular-buch.com/blog/2025-10... Part 3: angular-buch.com/blog/2025-10... Creating complex, flexible, and dynamic forms and form components has never been easier and straightforward than Angular's latest form approach. 🔥

Danny Koppenhagen reposted

angular-buch.comAngular-Buch → Angular Signal Forms Part 3: Child Forms and Custom UI Controls📙 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 ...

21 Oct 2025

📝Neu im Blog: #Angular Signal Forms – Teil 3 unserer englischsprachigen Artikelserie von @k9n.dev und @fmalcher.de ⚡️ Es geht um modulare und wiederverwendbare Formulare mit 👶 Child Forms und ⚙️Custom UI Controls! angular-buch.com/blog/2025-10...

Danny Koppenhagen reposted

Ferdinand Malcher

@fmalcher.de

16 Oct 2025

📝 New Blog Post: #Angular Signal Forms – Advanced Validation and Schema Patterns In Part 2 of our blog series we learn about schema validation with Signal Forms: ✅ Custom Validators ❌ Cross-Field Validation ❓Conditional Validation ⏱️ Async Validation 👉 angular-buch.com/blog/2025-10...

angular-buch.comAngular-Buch → Angular Signal Forms Part 2: Advanced Validation and Schema Patterns📙 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 f...

Danny Koppenhagen reposted

Eberhard Wolff

@ewolff.com

14 Oct 2025

Barrierefreiheit in Web-Projekten – Von der Architektur bis zur Implementierung mit Maximilian Franzke, Danny Koppenhagen @k9n.dev , Ralf D. Müller @ralfdmueller.bsky.social Aufnahme (#Video / #Podcast) verfügbar! #SoftwareArchitektur im #Stream

software-architektur.tvFolge 282 - Barrierefreiheit in Web-Projekten – Von der Architektur bis zur Implementierung | Software Architektur im StreamRalf diskutiert mit Danny Koppenhagen und Maximilian Franzke Barrierefreiheit nicht nur bezüglich Software-Architektur

13 Oct 2025

📝 Blogged: #Angular Signal Forms – Getting Started This is part 1 of our blog series we cover the fundamentals to get started with Angular's new reactive form library: - Signal-based form models - new Control directive - Schema-based validation 👉 angular-buch.com/blog/2025-10...

10 Oct 2025

Heute waren Maximilian und ich zu Gast bei Software-Architektur im Stream. 📺 Wir haben über #Barrierefreiheit im Web gesprochen und darüber, was es alles bei der Umsetzung und Architektur zu beachten gibt. Die Aufzeichnung gibt’s auf: software-architektur.tv/2025/10/10/f... #a11y #accessibility

lnkd.inLinkedInThis link will take you to a page that’s not on LinkedIn

8 Oct 2025

Am Freitag sind Maximilian und ich um 13:00 Uhr im Live-Stream (software-architektur.tv) und reden über #Barrierefreiheit (#a11y) im Web. Ich freue mich schon auf spannende Fragen und Diskussionen.

Eberhard Wolff@ewolff.com

Barrierefreiheit in Web-Projekten – Von der Architektur bis zur Implementierung mit Maximilian Franzke, Danny Koppenhagen @k9n.dev , Ralf D. Müller @rdmueller@mastodontech.de Freitag 2025-10-10 13:00 CEST #SoftwareArchitektur im #Stream Details und Möglichkeit für Fragen: software-architektur...

picocss.comPico CSS • Minimal CSS Framework for semantic HTMLMinimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

8 Oct 2025

Are you looking for a lightweight CSS framework with #a11y and semantics in mind? Check out #picocss which brings you simple beautiful styling without adding tons of wrappers or utility classes to your markup. picocss.com

visiticeland.comOutHorse Your EmailHoof it out of the office and experience the ultimate digital detox in Iceland by ‘outhorsing’ your email. Trade screen time for unforgettable Icelandic adventures, reconnect with nature, and let the ...

25 July 2025

This is one of the greatest ideas I’ve heard of: > Disconnect from work and let the #horses of #Iceland reply to your #emails while you are on vacation. (Seriously) www.visiticeland.com/outhorse-you... A real horse will compose an email by using a giant keyboard. Such a brilliant idea. 🐴 + ⌨️ = 📧

Danny Koppenhagen reposted

Johannes Hoppe

@johanneshoppe.de

19 June 2025

New 🅰️ #Angular article! Tired of writing backend services by hand? Generate fully-typed Angular API clients with OpenAPI generator, fast and reliable! ✅ Uses the new provideApi() syntax ✅ Bonus: toSignal() and rxResource() examples angular.schule/blog/2025-06... #OpenAPI #Swagger

angular.schuleAngular.Schule → Generating Angular API clients with OpenAPI Generator🚀 In this article, we'll show how to use OpenAPI Generator to automatically generate Angular HTTP services from your OpenAPI spec.

Danny Koppenhagen reposted

Angular.Schule

@angular.schule

18 June 2025

🅰️ #Angular 20 is here! 🚀 All news in the blog: 🛠️ New coding style guide: No more component suffixes 👀 Zoneless Developer Preview 👋 Farewell to *ngIf, *ngFor, *ngSwitch ⚡️ Stable signal APIs: effect(), linkedSignal(), toSignal() 🔁 New resource API: httpResource() angular.schule/blog/2025-05...

angular.schuleAngular.Schule → Angular 20 is here!🚀 Everything new comes in May - or at least a new major version of Angular: On May 28, 2025, Angular 20 was released! You can find the release information directly from the Angular team in the officia...

Danny Koppenhagen reposted