When using custom widgets and controls to construct a web page or application, the first requirement is that they are appropriate for the task they are intended to support, such as: data entry, controlling what content is displayed on screen, or navigation.
- Make sure widgets and controls are appropriate for the task at hand. Accessibility problems can emerge when users find it difficult to understand what it is that they’re supposed to do and how they should operate it.
- Check accessibility support within third-party UI libraries. If you’re using a third party UI library, such as Bootstrap, jQuery, or Angular, read the documentation to understand as much as possible about its out-of-the-box accessibility support and the areas where you’ll have to add accessibility support that’s missing.
For each custom widget and its controls, check:
- Is the widget appropriate for the task it is intended to support?
- Does the behavior of the widget and its controls match its relevant design pattern?