Signal Forms Part 4: Metadata and Directive for ARIA

blog/2025-10-signal-forms-part1/README.md

@@ -20,7 +20,7 @@ sticky: false
 
 Angular introduces Signal Forms with Version [21.0.0](https://github.com/angular/angular/releases/tag/21.0.0), 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.
+In this first part of our four-part series, we'll cover the fundamentals you need to get started with Signal Forms.
 
 > ⚠️ **Experimental Feature:** Signal Forms are currently an experimental feature in Angular. The API and functionality may change in future releases.
 
@@ -31,6 +31,7 @@ In this first part of our three-part series, we'll cover the fundamentals you ne
 - *Part 1: Getting Started with Signal Forms* (this post)
 - [Part 2: Advanced Validation and Schema Patterns](/blog/2025-10-signal-forms-part2)
 - [Part 3: Child Forms, Custom UI Controls and SignalFormsConfig](/blog/2025-10-signal-forms-part3)
+- [Part 4: Metadata and Accessibility Handling](/blog/2025-12-signal-forms-part4)
 
 
 ## What Makes Signal Forms Different
@@ -550,7 +551,7 @@ In **Part 2**, we'll dive deeper into advanced validation scenarios, including c
 
 In **Part 3**, we'll dig into modularization and customization by using child forms and building custom UI controls that integrate seamlessly with Signal Forms. Also we'll have a look at how to provide a custom `SignalFormsConfig`.
 
-Once we published the new parts of this series they will be linked here.
+In **Part 4**, we'll explore field metadata and we'll create a directive which adds accessibility features that help create more inclusive and user-friendly forms.
 
 Ready to continue? Check out [Part 2: Advanced Validation and Schema Patterns](/blog/2025-10-signal-forms-part2)!
 

blog/2025-10-signal-forms-part2/README.md

@@ -32,6 +32,7 @@ We will learn about custom schema validation, cross-field validation, conditiona
 - [Part 1: Getting Started with Signal Forms](/blog/2025-10-signal-forms-part1)
 - *Part 2: Advanced Validation and Schema Patterns* (this post)
 - [Part 3: Child Forms, Custom UI Controls and SignalFormsConfig](/blog/2025-10-signal-forms-part3)
+- [Part 4: Metadata and Accessibility Handling](/blog/2025-12-signal-forms-part4)
 
 
 ## ARIA Support for Error Display
@@ -548,6 +549,8 @@ In **Part 3**, we'll cover specialized topics that help you build complex, modul
 - Building custom UI controls that integrate seamlessly with Signal Forms
 - Provide a custom `SignalFormsConfig`
 
+In **Part 4**, we'll explore field metadata and we'll create a directive which adds accessibility features that help create more inclusive and user-friendly forms.
+
 Ready for the final part? Check out [Part 3: Child Forms and Custom UI Controls and SignalFormsConfig](/blog/2025-10-signal-forms-part3)!
 
 <small>**Cover image:** Picture from [Pixabay](https://pixabay.com/photos/journal-write-blank-pages-notes-2850091/), edited</small>

blog/2025-10-signal-forms-part3/README.md

@@ -35,7 +35,8 @@ Last but not least, we'll have a look at providing a custom `SignalFormsConfig`.
 
 - [Part 1: Getting Started with Signal Forms](/blog/2025-10-signal-forms-part1)
 - [Part 2: Advanced Validation and Schema Patterns](/blog/2025-10-signal-forms-part2)
-- *Part 3: Child Forms and Custom UI Controls* (this post)
+- *Part 3: Child Forms, Custom UI Controls and SignalFormsConfig* (this post)
+- [Part 4: Metadata and Accessibility Handling](/blog/2025-12-signal-forms-part4)
 
 ## Integrating Child Forms
 
@@ -474,7 +475,7 @@ You can find a complete demo application for this blog series on GitHub and Stac
 
 ## Conclusion
 
-In this three-part series, we've explored the full spectrum of Angular Signal Forms:
+In this four-part series, we've explored the full spectrum of Angular Signal Forms:
 
 **[Part 1](/blog/2025-10-signal-forms-part1/)** covered the fundamentals:
 - Data models and field structures
@@ -491,6 +492,12 @@ In this three-part series, we've explored the full spectrum of Angular Signal Fo
 **Part 3** explored specialized topics:
 - Creating modular child forms and combining schemas with `apply()`
 - Building custom UI controls with `FormValueControl`
+- Providing custom `SignalFormsConfig` for CSS class management
+
+**[Part 4](/blog/2025-12-signal-forms-part4/)** covers metadata and accessibility:
+- Providing field metadata
+- Provide a generic component for displaying form field information
+- Creating a directive for adding ARIA attributes based on a field state
 
 Signal Forms are the third major approach of form handling in Angular.
 After Template-Driven Forms and Reactive Forms, Signal Forms aim to make form handling more type-safe, reactive, and declarative.