Implement Designsystemet Guidelines for Mandatory Fields in Forms

[olavflar]

Description

I propose enhancing the form validation feature to align with the Norwegian Digitalisation Agency's Design System (Designsystemet) guidelines for distinguishing between mandatory and optional fields. This enhancement would improve form usability and accessibility, making it clearer for users which fields are required before submission.

Benefits:

User Experience: Clear visual cues for mandatory fields improve form navigation and completion rates.
Accessibility: Adhering to Designsystemet guidelines ensures forms are accessible to all users, including those with disabilities.

Data Quality: Accurate and complete data collection through effective mandatory field validation.
Suggested Implementation:

Utilize specific CSS styles for indicating mandatory fields, as recommended by Designsystemet.
Implement real-time validation feedback to inform users of missing or incorrectly filled mandatory fields before form submission.
Provide examples or links to Designsystemet guidelines to ensure consistency with national digital standards.

Additional Information

Designsystemet offers comprehensive patterns for mandatory and optional fields, focusing on enhancing user interaction and accessibility. Incorporating these guidelines would not only align with best practices but also improve the overall user experience and data collection quality in forms.

Link to Designsystemet; https://www.designsystemet.no/monstre/obligatoriske-og-valgfrie-felt