How can I help you?
Accessibility in React TextBox component
21 Feb 20263 minutes to read
The TextBox component is built to meet the highest accessibility standards, ensuring that all users—including those using assistive technologies—can interact with the component effectively. It complies with ADA, Section 508, WCAG 2.2 standards, and WAI-ARIA roles that are essential for evaluating digital accessibility.
The accessibility compliance for the TextBox component is outlined in the table below. A checkmark (✓) indicates full feature compliance, while partial or absent support is noted accordingly.
- All features of the component meet the requirement.
- Some features of the component do not meet the requirement.
- The component does not meet the requirement.WAI-ARIA attributes
The TextBox includes comprehensive ARIA accessibility support to enable seamless interaction with screen readers and other assistive technologies. This component implements the practices outlined in WAI-ARIA Textbox specifications, ensuring users with disabilities can access all functionality.
The TextBox uses the textbox role and following ARIA properties for its element based on its state.
| Property | Functionality |
|---|---|
| aria-placeholder | The aria-placeholder is a short hint to help the users with data entry when the TextBox has no value. |
| aria-labelledby | The aria-labelledby property indicates the floating label element of the TextBox. |
Ensuring accessibility
The TextBox component’s accessibility levels are ensured through an accessibility-checker and axe-core software tools during automated testing.
The accessibility compliance of the TextBox component is shown in the following sample. Open the sample in a new window to evaluate the accessibility of the TextBox component with accessibility tools.