IgniteUI / ignite-ui

Ignite UI for jQuery by Infragistics
https://bit.ly/2kuu1fT
Other
477 stars 84 forks source link

Visual label not provided for filter input fields #2244

Open saychakraborty89 opened 4 months ago

saychakraborty89 commented 4 months ago

Description

This issue is being reported as per the discussion in support issue-C-00235203. The issue is that there are no accompanying labels with the inputs appearing next to filter buttons.

ignite-ui version: 23.2

Steps to reproduce

  1. Go to the sample igGrid demo.
  2. Navigate the datagrid through keyboard to reach the text input box next to a filter button having "Contains" as a placeholder text.
  3. Notice that the edit-field "Contain" doesn't have a visible label that describes its purpose. For example, if you are entering in a column of addresses, a visual label like - "Please enter a country, city or zip code". would be helpful.

Violated Accessibility Guideline

This violates 3.3.2 - Labels or Instructions of WCAG 2.0 level A.

Result

Visual label is not provided for the edit-field "Contain".

Expected result

There should be a label descriptive enough to describe the purpose of the input fields next to the filter buttons.

Suggestions

Capture (1)

As the datagrids would not know what a column means to the consumer, igGrid may provide an API to the consumer to provide a meaningful label to the filtering input, should the consumer find it necessary.

Attachments

Attach a sample if available, and screenshots, if applicable.