Accessibility in Syncfusion React Components
23 Feb 20233 minutes to read
Accessibility in components refers to the practice of designing and building user interface elements in a way that makes them accessible to users with disabilities. This can include a variety of things, such as making sure that text is high contrast and easy to read, providing alternative text for images, and designing controls and interactions that can be used with a keyboard or assistive technology.
Accessibility compliance refers to the extent to which a product, device, service, or environment meets certain standards or guidelines for accessibility. These standards and guidelines may be set by governments, industry organizations, or other groups.
Syncfusion React components meet the following guidelines and standards that are commonly used to evaluate accessibility:
ADA - Law to ensure that people with disabilities have the same opportunities and access as people without disabilities.
WCAG - Provides guidelines developed by the World Wide Web Consortium (W3C). WAI-ARIA provides a set of roles, states, and properties that can be added to HTML elements to provide additional context and information about the purpose and behavior of those elements. This can help assistive technologies better understand and interpret web content and interact with web applications.
Section 508 - Syncfusion React components compliance with the standard of
Section 508accessibility. It is a set of guidelines for making electronic and information technology (EIT) accessible to people with disabilities. These standards apply to federal agencies in the United States, and they are based on the Web Content Accessibility Guidelines (WCAG).
A screen reader allows people who are blind or visually impaired to use a computer by reading aloud the text that is displayed on the screen. Syncfusion React components meet the standards defined by the Narrator screen reader.
The goal of accessibility testing is to identify and address any barriers that might prevent individuals with disabilities from using the product or service effectively. There are several different types of accessibility testing that can be performed on the React components, such as:
Automated testing: The React component’s accessibility levels are ensured through an accessibility-checker software tool.
Manual testing: This type of testing involves manually evaluating the React components. During manual accessibility testing, testers will ensure accessibility using the Narrator screen reader.
Keyboard navigation refers to the ability to use a keyboard to interact with and navigate through a user interface. It is an important aspect of web accessibility, as it allows people who cannot use a mouse or other pointing device to access and use web content and applications.
Syncfusion React components support keyboard navigation, which allows users to interact with the components using keyboard shortcuts. Check out the corresponding component’s document to learn more details about accessibility and keyboard navigation.
- Accumulation Chart
- Bullet Chart
- Circular Gauge
- Dashboard Layout
- Document Editor
- Linear Gauge
- List Box
- List View
- Menu Bar
- Pivot Table
- Range Navigator
- Range Slider
- Smith Chart
- Stock Chart
- Tree Grid
- Tree Map