iiinova — where your digital self keeps evolving

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! 🙌

011

Danny Koppenhagen @k9n.dev · 12/09/2026

Am I the only one who stumbles instantly over "dolar" in the headline? #loremipsumdolorsitamet

100

Reposted by Danny Koppenhagen

Angular Buch Team @angular-buch.com · 21/08/2026

📦 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

angular-buch.com

Angular mit pnpm: sichere Dependencys und Best Practices

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.

042

Danny Koppenhagen @k9n.dev · 23/07/2026

📣 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

practica11y.dev

Practica11y — Learn web accessibility by doing

A free, gamified platform with interactive, browser-based challenges that turn WCAG 2.2 guidelines into hands-on practice for developers.

061

Danny Koppenhagen @k9n.dev · 25/06/2026

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

A cappuccino on a desk. The cappuccinos foam shows unicorns on a beach.

A cappuccinos with foam showing unicorns on a beach.

030

Danny Koppenhagen @k9n.dev · 25/06/2026

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

010

Danny Koppenhagen @k9n.dev · 23/06/2026

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

practica11y.dev

Practica11y — Learn web accessibility by doing

A free, gamified platform with interactive, browser-based challenges that turn WCAG 2.2 guidelines into hands-on practice for developers.

020

Danny Koppenhagen @k9n.dev · 23/06/2026

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.

100

Danny Koppenhagen @k9n.dev · 23/06/2026

🚀 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 🧵👇

practica11y.dev

Practica11y — Learn web accessibility by doing

A free, gamified platform with interactive, browser-based challenges that turn WCAG 2.2 guidelines into hands-on practice for developers.

142

Danny Koppenhagen @k9n.dev · 10/06/2026

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

000

Danny Koppenhagen @k9n.dev · 10/06/2026

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.

100

Danny Koppenhagen @k9n.dev · 10/06/2026

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

131

Reposted by Danny Koppenhagen

Angular Buch Team @angular-buch.com · 03/06/2026

🅰️ #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.com

Angular-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...

053

Danny Koppenhagen @k9n.dev · 28/05/2026

🤖 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

angular-buch.com

Angular-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 ...

031

Danny Koppenhagen @k9n.dev · 21/05/2026

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

040

Reposted by Danny Koppenhagen

Angular Buch Team @angular-buch.com · 20/05/2026

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

133

Reposted by Danny Koppenhagen

Johannes Hoppe @johanneshoppe.de · 20/05/2026

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

042

Danny Koppenhagen @k9n.dev · 27/04/2026

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 😌

110

Danny Koppenhagen @k9n.dev · 27/04/2026

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

100

Danny Koppenhagen @k9n.dev · 27/04/2026

"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!

110

Reposted by Danny Koppenhagen

Angular Buch Team @angular-buch.com · 04/03/2026

🚀 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.com

Angular-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...

022

Danny Koppenhagen @k9n.dev · 03/03/2026

It will be a gamechanger (once it will be adopted by all modern browsers of course). Until now, my solution was always a global live region and a service which keeps track on it and manages the messages within as described in my post: k9n.dev/blog/2025-11...

k9n.dev

When Your Live Region Isn't Live: Fixing aria-live in Angular, React, and Vue

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 polit...

000

Danny Koppenhagen @k9n.dev · 24/02/2026

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...

angular-buch.com

Angular-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...

031

Danny Koppenhagen @k9n.dev · 21/02/2026

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 ✨

000

Danny Koppenhagen @k9n.dev · 12/02/2026

Hmm probably spend the Buttons a gap: 0.5em ? 😅

010

Danny Koppenhagen @k9n.dev · 01/02/2026

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

thalia.de

"Angular" online kaufen

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

020

Danny Koppenhagen @k9n.dev · 01/02/2026

🚀 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

110

Danny Koppenhagen @k9n.dev · 14/01/2026

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

020

Danny Koppenhagen @k9n.dev · 09/12/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.com

041

Danny Koppenhagen @k9n.dev · 20/11/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

angular-buch.com

Angular-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,…

020

Reposted by Danny Koppenhagen

Younes Jaaidi @younesjd.dev · 06/11/2025

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

A speaker presenting on stage at a tech conference, standing in front of a large screen displaying the slide “Experimental Vitest support.” The audience is seated in a spacious hall with arched architecture and soft purple lighting, creating a professional and engaging atmosphere.

3528

Danny Koppenhagen @k9n.dev · 06/11/2025

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

Photo of the NG DE conference location. Shows the audience and the view to the opening slides.

150

Danny Koppenhagen @k9n.dev · 02/11/2025

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

A screenshot from GitHub mobile ab, showing an answer from JeanMech. It shows the message was posted in the future (02.11.25, 10:26:16 MEZ) while local time is 10:18 MEZ

030

Danny Koppenhagen @k9n.dev · 22/10/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. 🔥

angular-buch.com

Angular-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...

052

Danny Koppenhagen @k9n.dev · 22/10/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

lnkd.in

This link will take you to a page that’s not on LinkedIn

111

Reposted by Danny Koppenhagen

Angular Buch Team @angular-buch.com · 21/10/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...

angular-buch.com

Angular-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 ...

022

Reposted by Danny Koppenhagen

Ferdinand Malcher @fmalcher.de · 16/10/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.com

Angular-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...

012

Danny Koppenhagen @k9n.dev · 13/10/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...

angular-buch.com

Angular-Buch → Angular Signal Forms Part 1: Getting Started with the Basics

010

Danny Koppenhagen @k9n.dev · 10/10/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

software-architektur.tv

Folge 282 - Barrierefreiheit in Web-Projekten – Von der Architektur bis zur Implementierung | Software Architektur im Stream

Ralf diskutiert mit Danny Koppenhagen und Maximilian Franzke Barrierefreiheit nicht nur bezüglich Software-Architektur

000

Danny Koppenhagen @k9n.dev · 08/10/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.

lnkd.in

This link will take you to a page that’s not on LinkedIn

000

Danny Koppenhagen @k9n.dev · 08/10/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

picocss.com

Pico CSS • Minimal CSS Framework for semantic HTML

Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

020

Danny Koppenhagen @k9n.dev · 25/07/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. 🐴 + ⌨️ = 📧

visiticeland.com

OutHorse Your Email

Hoof 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 ...

010

Reposted by Danny Koppenhagen

Johannes Hoppe @johanneshoppe.de · 19/06/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.schule

Angular.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.

032