Accessibility Best Practices

  • 2 minutes to read

When you create an accessible ASP.NET website, it may not be sufficient to only use individual web components that meet accessibility requirements. (For more information on accessibility support in DevExpress ASP.NET components, see the following help topic: Accessibility in DevExpress ASP.NET.) It may also require a top-level page design that conforms to these guidelines. For example, you may need to optimize the layout, navigation, and component interaction within web pages for those who use assistive technology tools, such as screen readers.

This section uses several common techniques (implemented in our ASP.NET Demos) to show how to design accesible web pages. These techniques can be applied to any website to enhance site accessibility for assistive technology users.

  1. How To: Divide a Page into Regions using ARIA Landmark Roles
  2. How To: Create ‘Skip Navigation’ Link
  3. How To: Provide a Screen Reader with Information About Page Changes

The following demos implement techniques to design accessible web pages - as indicated in the “Techniques” column.

Web Forms Demos Techniques
Grid View - Section 508/ WCAG Compliance (MVC demo) {1},{2}
Grid View - Section 508/WCAG Editing (MVC demo) {1},{2}
Card View - Section 508/ WCAG Compliance (MVC demo) {1},{2}
Vertical Grid - Section 508/ WCAG Compliance (MVC demo) {1},{2}
Navigation and Layout Controls - Section 508/ WCAG Compliance (MVC demo) {1},{2}
Tree List - Section 508/ WCAG Compliance (MVC demo) {1},{2}
Data Editors - Section 508/ WCAG Compliance (MVC demo) {1},{2}
Data Editors - Linked Controls (MVC demo) {1},{2},{3}
See Also