Missing aria-live regions in server-side validation messages
0 reputation · 06 Jun 2024, 14:44 UTC
JHipster generates entity forms that utilize server-side validation to display error messages upon form submission. While the UI visually highlights fields with error classes, the generated HTML templates do not include aria-live regions or role="alert" for these message containers.
As a result, screen reader users may not be notified that validation errors have occurred after a page refresh unless they manually navigate to the specific error element. This behavior persists across both the Angular and React implementations when using the default Bootstrap 5-based blueprinting.
Is there a roadmap for integrating dynamic aria-live regions into the generator's core entity templates? How can the generator be configured to ensure that validation messages are automatically announced by assistive technologies without manual template modification?