Tab, Shift-TabSpace, Enteraria property:aria-label="STRING"role="group"aria-pressed="BOOLEAN"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-required="true"aria-description="STRING"label on the wrapper component to give context for the group of options. If a more detailed
label is needed for each control item, use the aria property on the control item itself, e.g.:
<p-segmented-control-item value="xs" aria="{ 'aria-label': 'Size x-small' }">XS</p-segmented-control-item>.aria property of the
control item.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.label that describes the choice being made.aria prop on p-segmented-control-item, especially for icon-only items.aria-* attributes directly on the component host.hide-label without an accessible name.<p-segmented-control name="size">
<p-segmented-control-item value="s">
S
</p-segmented-control-item>
<p-segmented-control-item value="m">
M
</p-segmented-control-item>
</p-segmented-control><p-segmented-control label="T-shirt size" name="size" description="Select your preferred size.">
<p-segmented-control-item value="s">
S
</p-segmented-control-item>
<p-segmented-control-item value="m">
M
</p-segmented-control-item>
</p-segmented-control><p-segmented-control name="size" hide-label="true">
<p-segmented-control-item value="s">
S
</p-segmented-control-item>
</p-segmented-control><p-segmented-control label="T-shirt size" name="size" hide-label="true">
<p-segmented-control-item value="s">
S
</p-segmented-control-item>
</p-segmented-control><p-segmented-control label="T-shirt size" name="size" aria-invalid="true" message="Required"></p-segmented-control><p-segmented-control label="T-shirt size" name="size" required="true" state="error" message="Select a size to continue."></p-segmented-control>