Accessibility in Syncfusion Angular Components

25 Jan 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

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 Angular 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 Angular components compliance with the standard of Section 508 accessibility. The Section 508 standards are 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).

Screen reader

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 Angular components meet the standards defined by the Narrator screen reader.

Accessibility testing

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 Syncfusion Angular components, such as:

  • Automated testing: Syncfusion Angular component accessibility levels are ensured through an accessibility checker software tool.

  • Manual testing: This type of testing involves manually evaluating the Syncfusion Angular components. During manual accessibility testing, testers will ensure accessibility using screen readers.

Keyboard navigation

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 Angular 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.