Tab, Shift-Tabaria property:aria property to pass supported attributes to the native control inside the shadow DOM. Prefer a visible
label for the accessible name. Use aria-label when the label is hidden or insufficient, and aria-description
for extra context that should not replace the name.aria-labellabel for most cases.aria-descriptionaria-describedby="IDREF"role="status", role="alert"message and state or loading prop change, the status message is announced.aria-hidden="true"required attribute is set, the visible asterisk indicator is hidden from assistive technologies.aria-invalid="true"error state is set.aria-live="polite"maxlength attribute is present, the counter is announced via ARIA live region.disabled state. Disabled elements are no longer focusable and may be missed by screen
reader users. They can also confuse sighted users if the reason they are disabled is not made clear.aria prop (aria-label, aria-description).hide-label without an accessible name.aria-* attributes directly on the component host.aria-labelledbyaria-describedby<p-input-tel name="phone" label="Phone number" aria-label="Accessible name" aria-description="Additional context"></p-input-tel><p-input-tel name="phone" label="Phone number" aria="{'aria-label': 'Accessible name', 'aria-description': 'Additional context'}"></p-input-tel><p-input-tel name="phone" placeholder="Phone"></p-input-tel><p-input-tel name="phone" label="Phone number" description="Include your country code, for example +49."></p-input-tel><p-input-tel name="phone" hide-label="true"></p-input-tel><p-input-tel name="phone" hide-label="true" label="Phone number"></p-input-tel><p-input-tel name="phone" label="Phone number" aria-invalid="true" message="Invalid"></p-input-tel><p-input-tel name="phone" label="Phone number" state="error" message="Enter a valid phone number including your country code."></p-input-tel>