Validated Field

A required text field with accessible error messaging. Submit it empty and the field is marked aria-invalid, an alert appears with the error, that text becomes the field's accessible description (via aria-describedby), and focus moves to the field. Enter a value and submit, and the error clears and success is announced — error handling that screen-reader and keyboard users can actually follow (WCAG 3.3.1).