Back to Devexpress

Web Accessibility in DevExpress ASP.NET Web Forms Controls

aspnet-116361-common-concepts-accessibility-support-web-accessibility-in-devexpress-aspnet-web-forms-controls.md

latest2.2 KB
Original Source

Web Accessibility in DevExpress ASP.NET Web Forms Controls

  • Jun 09, 2023
  • 6 minutes to read

You can use DevExpress ASP.NET web controls to create web pages that conform to accessibility guidelines. Although DevExpress web components may not render markup for pages that meet accessibility standards by default, they expose an API (properties, methods, events) used to make pages accessible.

Accessibility Compliance Options

DevExpress web controls allow you to adhere to web page accessibility requirements in the following ways.

  • Text Alternatives

  • Use of Color and Contrast

  • Keyboard Access, Focus Order, Focus Visible

  • Link Purpose

  • Skip Repetitive Navigation Links

  • Landmark Roles

  • Tables

  • Section Headings

  • Readability: Language of Page, Language of Parts

  • Input Assistance: Form Accessibility

  • Input Assistance: Error Identification, Error Suggestion

Enabling Accessibility Mode

Accessibility mode (which integrates most of the options listed above) can be enabled for an individual DevExpress control, for all DevExpress controls on a page, or for all DevExpress controls within a web project. Note that it is not possible to disable accessibility mode for a specific control if this mode is enabled for a page or for an entire web project.

  • Setting an Individual Control

  • Setting Controls Globally

  • Using a Configuration Option

When accessibility mode is enabled, different button elements within controls (pager buttons, column headers, etc.) are rendered as links (i.e., A elements). As a result, these links become accessible and operable via a keyboard interface. For example, input focus can be moved to an element with the Tab or arrow key (based upon the control type), and the operation can be initiated by pressing the Enter key. Additionally, screen readers will interpret accessible page content correctly because of the WAI-ARIA attributes and roles rendered in a DevExpress web control’s (or web extension’s) page markup.

Note

To ensure that DevExpress ASP.NET controls meet accessibility requirements, use the NVDA screen reader in Firefox to test your application.