Accessibility
Accessibility
Section titled “Accessibility”Label association
Section titled “Label association”Floating labels (tng-control-label) must still be associated with the input via for / id. Placeholder-only inputs are not accessible — always provide a <label>.
Required
Section titled “Required”When using the .is-required class instead of the native required attribute, also add aria-required="true" to the control so assistive technologies announce it.
Validation states
Section titled “Validation states”The .is-invalid and .is-valid classes provide visual feedback only. Pair them with:
aria-invalid="true"on the control for the error state.- An error message linked via
aria-describedby.
Disabled
Section titled “Disabled”The native disabled attribute removes the control from tab order and communicates the state automatically — no additional ARIA needed.