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.
- How To: Divide a Page into Regions using ARIA Landmark Roles
- How To: Create ‘Skip Navigation’ Link
- 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.
| WebForms Demos | Techniques |
|---|---|
| Grid View - Section 508/ WCAG Compliance (ASP, MVC) | {1},{2} |
| Grid View - Section 508/WCAG Editing (ASP, MVC) | {1},{2} |
| Card View - Section 508/ WCAG Compliance (ASP, MVC) | {1},{2} |
| Vertical Grid - Section 508/ WCAG Compliance (ASP, MVC) | {1},{2} |
| Navigation and Layout Controls - Section 508/ WCAG Compliance (ASP, MVC) | {1},{2} |
| Tree List - Section 508/ WCAG Compliance (ASP, MVC) | {1},{2} |
| Data Editors - Section 508/ WCAG Compliance (ASP, MVC) | {1},{2} |
| Data Editors - Linked Controls (ASP, MVC) | {1},{2},{3} |