qa-detect-ux-required-state

Required-field error states fail WCAG standards when they rely on color alone or lack aria-invalid attributes. This Skill flags red error borders missing programmatic cues and error styling without visible text, ensuring validation signaling is accessible to all users.

Yes, you can audit form validation styling in Angular Material, Bootstrap, or custom frontend systems. The inspection targets DOM elements to catch ambiguous validation UI and required-field mismatches before users submit data in these frameworks.

Checking asterisk programmatic semantics involves inspecting the DOM for matching aria-required attributes on the input. This audit identifies labels using visual asterisks without underlying required semantics, ensuring mandatory fields are properly signaled to assistive technology.

Form accessibility audits are limited by requiring visible DOM inspection, meaning they cannot evaluate dynamically injected content or shadow DOM elements not rendered in the main document tree. It focuses strictly on borders, labels, and ARIA attributes present during page load.