Accessibility Best Practices
- 2 minutes to read
When creating an accessible ASP.NET website, it may not be sufficient to only use individual web components that meet accessibility requirements (see Accessibility in DevExpress ASP.NET for more information on accessibility support in DevExpress ASP.NET components). It might 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 topic lists several common techniques implemented in DevExpress ASP.NET Demos to show how to design accessibility compliant 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 Changes on a Page
The table below lists DevExpress ASP.NET accessibility demos that implement the techniques mentioned above - 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} |